Google PageSpeed insights et WordPress

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par tadouka, 21 Mai 2018.

  1. tadouka
    tadouka Nouveau WRInaute
    Inscrit:
    14 Mars 2018
    Messages:
    39
    J'aime reçus:
    0
    Bonjour,

    Je teste mon site sur google insight et je vois plusieurs soucis comme :
    Éliminer les codes JavaScript et CSS qui bloquent l’affichage du contenu au-dessus de la ligne de flottaison
    J’ai une note de 69/100 et j’ai décidé d’utiliser le plug in autoptimize pour corriger cette ligne.

    Après activation ma note passe a 63/100 alors que je n’ai plus que 4 ressources au dessus dela ligne flottaison contre 14 avant, pourquoi une baisse de note ?

    Sinon avez vous d’autre solutions pour corriger les codes javascripts et css au dessus de la ligne pour les mettre en bas de page ?

    Merci de votre aide !!
     
  2. ortolojf
    ortolojf WRInaute accro
    Inscrit:
    14 Août 2002
    Messages:
    2 817
    J'aime reçus:
    8
    Bonjour Monsieur

    Ces ressources qui bloquent l'affichage au dessus de la ligne de flottaison, sont des scripts ( javascript ? ) ou des chargements de css externes, celà nécessite plus de requêtes HTTP, donc blocage de l'affichage.

    Pas de secret : Il faut rendre les scripts asynchrone.

    Bien amicalement.
     
  3. tadouka
    tadouka Nouveau WRInaute
    Inscrit:
    14 Mars 2018
    Messages:
    39
    J'aime reçus:
    0
    Bonjour,
    Merci de votre réponse.
    Il s'agit de 3 fichiers css
    https://fonts.googleapis.com/…,700&subset=latin,cyrillic&ver=4.9.6
    et 2 internes à mon site :
    ize_19d14a3ed115cf1c03bb6b20436d4712.css qui correspond a un fichier d'autoptimize.
    Pour le js j'ai utilisé :
    /*function to add async to all scripts*/
    function js_async_attr($tag){
    # Add async to all remaining scripts
    return str_replace( ' src', ' async="async" src', $tag );
    }
    add_filter( 'script_loader_tag', 'js_async_attr', 10 );
    ?>
    dans mon fichier function.php
     
  4. tadouka
    tadouka Nouveau WRInaute
    Inscrit:
    14 Mars 2018
    Messages:
    39
    J'aime reçus:
    0
    Je cherche justement a eviter ce problème qui me gêne un peu mais je ne vois pas comment faire en faites .
     
Chargement...
Similar Threads - Google PageSpeed insights Forum Date
Optimisation des images dans Google PageSpeed Insights YouTube, Google Images et Google Maps 24 Janvier 2019
Optimisation mise en cache avec google PageSpeed Insights Google Analytics 21 Août 2017
Think With Google ou PageSpeed insight ? Google : l'entreprise, les sites web, les services 7 Février 2019
Google pagespeed pas tres fiable ? Développement d'un site Web ou d'une appli mobile 20 Janvier 2019
Google PageSpeed Insight : Afficher en priorité le contenu visible Développement d'un site Web ou d'une appli mobile 16 Août 2018
Google PageSpeed 4 aller retours Débuter en référencement 12 Avril 2018
Google PageSpeed Insight et Temps de Réponse Serveur Débuter en référencement 11 Septembre 2017
Test de compatibilité mobile + PageSpeed [outil officiel Google] Google : l'entreprise, les sites web, les services 6 Juin 2016
Google PageSpeed Insight et Facebook Page Plugin Demandes d'avis et de conseils sur vos sites 20 Décembre 2015
Google PageSpeed : Autoriser la mise en cache Débuter en référencement 13 Mars 2014
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice