Jump to content
Serial

Google Page Speed Js et CSS

Recommended Posts

Bonjour,

 

J'ai une erreur récalcitrante avec Google Page Speed :

 

Éliminer les codes JavaScript et CSS qui bloquent l'affichage du contenu au-dessus de la ligne de flottaison

Les 2 fichiers en cause sont :

  • font-awesome.min.css : chargé dans mon header.tpl par
<link rel="stylesheet" href="{$css_dir}font-awesome/font-awesome.min.css">
  • v_48_71e6477006f0ee5cf2d7947d559a807e_all.css : fichier cache correspondant au global.css

 

Avez-vous des solutions pour éviter ces erreurs ?

 

Merci !

Share this post


Link to post
Share on other sites

Bonjour,

pour les JS tu as ce réglages dans "performances" : "Déplacer le code JavaScript à la fin"

 

Pour ton css, a priori c'est qu'il est mal implémenté. Il doit être ajouté directement dans le code de ton TPL alors que c'est le controleur qui devrait l'ajouter avec addCss.

 

S'il était bien implémenté il serait alors compris dans le fichier xxxx_all.css et tu ne devrais pas le voir dans ton code (et page speed non plus).

Share this post


Link to post
Share on other sites

Bonjour,

pour les JS tu as ce réglages dans "performances" : "Déplacer le code JavaScript à la fin"

 

Pour ton css, a priori c'est qu'il est mal implémenté. Il doit être ajouté directement dans le code de ton TPL alors que c'est le controleur qui devrait l'ajouter avec addCss.

 

S'il était bien implémenté il serait alors compris dans le fichier xxxx_all.css et tu ne devrais pas le voir dans ton code (et page speed non plus).

Pour le JS, c'est déjà fait.

 

Pour le CSS, c'est le code de Prestashop, c'est pour ca que je ne comprends pas trop.

 

En plus, je ne peux pas l'ajouter dans le .tpl puisqu'il met en forme plusieurs .tpl et il fait... 9200 lignes

Share this post


Link to post
Share on other sites

Bonjour,

 

Je déterre ce topic car le problème se pose pour moi.

 

Je n'arrive pas à corriger cette erreur qui est embêtant puisque cela entre en compte dans le référencement de Google.

Share this post


Link to post
Share on other sites

Bonjour, 

 

je relance le sujet.

J'ai le même souci avec le test woorank pour la compatibilité mobile: "Éliminer les codes JavaScript et CSS qui bloquent l'affichage du contenu au-dessus de la ligne de flottaison"

 

Pour la javascript, l'option "mettre le javascript à la fin" est bien mis dans l'onglet performance

 

Version de PrestaShop 1.6.1.12

URL de votre boutique http://lyn-et-or-bijoux.com/

Nom du thème utilisé default-bootstrap

 

Merci pour votre aide et bonne journée

Marilyne

Share this post


Link to post
Share on other sites

Bonjour Marilyne,

certain module n'incluent pas correctement les javascript.

Du coup, la fonction "Mettre le javascript à la fin" n'a pas d'effet sur eux.

Share this post


Link to post
Share on other sites

Il faudrait que l'outil que tu utilises pour tester t'indique l'url des javascripts qui posent problème.

Avec un peu de chance dans l'url tu aura le nom du module.

Ensuite tu pourra désactiver ou corriger le module.

Share this post


Link to post
Share on other sites

Il semble que l'erreur provient du CSS, mais qui est en cache. Est j'ai beau supprimer le cache et le vider, le nom du fichier s'affiche en cache dans pagespeed de Google.

Il n'y a qu'un fichier, je pense pouvoir faire avec...

 

Merci en tout cas

Share this post


Link to post
Share on other sites

Désactive l'option "Smart cache" pour les feuilles de style

Dans performance pour voir le lien exact qui pose problème

a

Share this post


Link to post
Share on other sites

Bonjour,

pagespeed propose de télécharger des fichiers, images avant d'effectuer les modifications nécessaires à l'accélération de la boutique.

Peut on faire ces modifications sans aucun problème ? Ce sont des fichiers css, image, et js.

J'ai joint le fichier zip que j'ai téléchargé sur pagespeed, qu'en pensez-vous ?

Je suis en version 1.6.1.0 avec le template par défaut. Mon site est souriredessaveurs.com

Merci

optimized_contents.zip

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More