Reporter l'analyse de JavaScript pour charger JQuery

Lors du test d'un site web avec Google Page Speed, j'ai été constaté que je ne peut pas se débarrasser de Defer parsing of JavaScript. J'ai enlevé tous les codes javascript et laissé seulement un petit comme

<script defer type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('.test').click(function(){
            $(this).slideDown();
        });
    });
</script>

Ou même sans jquery code, il suffit de charger le fichier jQuery autonome comme

<script defer type="text/javascript" src="jquery.min.js"></script>

toujours obtenir un avertissement pour Defer parsing of JavaScript.

Fondamentalement, votre code client doit résider dans un .js fichier quelque part, et ajouter le defer attribut à la <script> tag.
J'ai aussi essayé de mettre le code et jQuery source dans un seul fichier JS, mais encore obtenir l'avertissement. Même pour le chargement de jquery source seulement, j'obtiens le message d'avertissement.
Êtes-vous de placer le jQuery comprennent près de la fin de votre document?
oui au fond du pied de page.
Juste enlever defer? Ou je n'ai pas compris la question?

OriginalL'auteur Googlebot | 2012-03-19

  1. 4

    J'ai trouvé cette page de documentation, que les états:

    Pour utiliser cette technique, vous devez d'abord identifier toutes les fonctions JavaScript qui ne sont pas effectivement utilisés par le document avant de l'événement onload. Pour tout fichier contenant plus de 25 souscrit non appelé de fonctions, de déplacer la totalité de ces fonctions à un autre, le fichier JS externe. Cela pourrait nécessiter de refactoring de code pour contourner les dépendances entre les fichiers. (Pour les fichiers contenant moins de 25 souscrit non appelé de fonctions, ça ne vaut pas l'effort de refactoring.)

    Ensuite, vous insérez un écouteur d'événement JavaScript dans le head du document contenant que des forces externes chargement d'un fichier après l'événement onload. Vous pouvez le faire par l'un de l'habitude de script, mais nous recommandons un très simple script élément du DOM (pour éviter de croix-navigateur et même-domaine des questions de politique). Voici un exemple (où "deferredfunctions.js" contient les fonctions pour être paresseusement chargé)

    Ce que je comprends: vous devez "lazy-load" de jQuery à partir d'un onload gestionnaire d'événement (voir le lien ci-dessus pour un exemple sur la façon de le faire).

    OriginalL'auteur bfavaretto

  2. 10

    @samsaffron a écrit un bon article sur le report de jQuery - http://samsaffron.com/archive/2012/02/17/stop-paying-your-jquery-tax

    Cette réponse mérite d'être acceptés. Qu'une URL donne une tonne de références qui sont d'une valeur inestimable. Bien fait!
    Eh bien, n'importe comment bon l'article est, ce lien pourrait se briser, comme beaucoup d'autres ici.

    OriginalL'auteur Andy Davies

  3. 2

    ne pourrait-il pas être 

    <script defer='defer' type="text/javascript" src="jquery.min.js"></script>

    au lieu de fournir vide defere l'utilisation de l'attribut defer= "différer"

    N'est-ce pas dépendre de ce que vous êtes en utilisant xhtml ou pas?
    Utilisez simplement defer. Vous n'avez pas besoin defer='defer'.

    OriginalL'auteur Saket Patel

  4. 1

    Juste ajouter ceci à votre script async exemple:

    <script type="text/javascript" async src="jquery.min.js"></script>
    Cela ne fonctionne pas toujours aussi bien. Si vous le lecteur de le faire dans un cadre modulaire/plate-forme, assurez-vous de vérifier la JS console pour des erreurs du type "impossible de lire la propriété" et/ou "indéfini", puis fixer les appels de/modules. S'attendre à un comportement de ce genre et nécessaire de peaufinage dans l'avenir mods (qui peut ne pas reporter/async correctement).

    OriginalL'auteur Joel Enanod Jr