[Problème] Web Page Test pour mon site bugzero

[marveljojo]

Bonjour,

Avec JCH Optimizer, j'ai pu améliorer grandement mes métrics, mais avec Web Page Test, je n'arrive pas à avoir mieux que F pour First Byte Time

http://www.webpagetest.org/result/170215_2A_K68P/

Est ce quelqu'un saurait comment faire pour me défaire de ce F ?
Merci

[toffffe]

Re : Web Page Test pour mon site bugzero

Tu peux regarder ton résultat sur https://gtmetrix.com/reports/www.bugzero.fr/5Pms80A2

[marveljojo]

Re : Web Page Test pour mon site bugzero

J'ai aussi consulté, mais je n'arrive pas à améliorer !!
J'ai bien JCH optimize (version gratuite) + Cloudflare en version gratuite.
J'ai passé toutes mes images via kraken, pour les optimiser .
Mais si j'ai progressé, là je bloque :s
Une idée ?

[daneel]

Re : Web Page Test pour mon site bugzero

Bonjour,

Pour compléter les propos d'une autre discussion similaire. Il ne faut pas tenter de résoudre tous les problèmes évoqués par GT Metrix mais ceux qui te pénalise fortement.

1. Avant toute chose... regarde les erreurs de ton site affichées dans la console du navigateur chrome! 2 erreurs importantes! Conseil : Faire le ménage avant d'optimiser

- Tu propose la création de compte ou l'identification mais tu n'utilise pas de certificat SSL (https). C'est donc aujourd'hui indiqué comme "NON SECURISÉ" à coté de l'adresse (y compris sur Firefox). Dans la console de chrome, on retrouve le message suivant : This page includes a password or credit card input in a non-secure context. A warning has been added to the URL bar.

- Ton site utilise Google Map mais tu n'indique pas de clé API obligatoire !
Encore une erreur

2. Sur GT Metrix, Pour Pagespeed, tu as beaucoup trop de fichier javascript soit 18 fichiers totalisant presque 900 ko de code... Le conseil, c'est de voir ce qui est vraiment utile... Pour mar part, on peut fusionner (compresser et minifier) certains fichiers et les placer en asynchrone en bas de page.

- quand tu affiche le petit nombre de like à coté du bouton de facebook, c'est deux fichiers js liés à facebook, idem pour twitter et google+
... Bref tu vois le problème de fichiers impossible à fusionner ! L'astuce, c'est d'utiliser des solutions comme sharrif expliqué sur : http://cinnk.com/blog/news/860-donne...eseaux-sociaux

https://github.com/joomla-agency/plg_jooag_shariff

- générer des sprites css (chercher generateur sprite css) en reprenant les images indiqués par gtmetrix notamment les petites images du module nice social bookmark et ajouter cela dans le template. Ce n'est pas compliqué et cela te fait gagner quelques points !!

- leverage browser caching : Dans le fichier htaccess, il est important de préciser la durée de vie des types de fichiers.

Donc en réduisant le poids du javascript et css, en indiquant la durée de vie, tu peux obtenir plus de 90% pour pagespeed et certainement un "A" !!

3. Pour Yslow, il insiste également sur le fait d'ajouter des "expires headers" dans le htaccess :

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
</IfModule>
## EXPIRES CACHING ##

Il insiste également sur le nombre de fichiers interne (18) et externe (27!) en javascript... de quoi ralentir fortement le chargement car la plupart se charge avant le reste de la page au lieu d'être asynchrone ou en bas de page.

Pour yslow, Les fichiers de linkedin et facebook pénalisent le chargement de la page ... soit tu évite de les utiliser ou tu utilise un système comme le plugin shariff.

Pour le cookie-free, on peut le gérer mais ce n'est pas la priorité.
Donc on revient aux mêmes solutions que pagespeed

3. autre info, ton site utilise des cookies (facebook, google et twitter... la famille au complet ) et tu sais que la réglementation européenne t'oblige à afficher l'info sur les cookies (voir la cnil).

4. Enfin tu évoque au départ le problème du first byte (TTFB) de web page speed et je t'invite à lire l'article de cloudflare sur le sujet car cela date de plus 4 ans mais cela te donne la réponse

https://blog.cloudflare.com/ttfb-time-to-first-byte-considered-meaningles/

Donc courage ! La solution n'est pas loin.

Yann

[marveljojo]

Re : Web Page Test pour mon site bugzero

Ha oui !
Juste excellent merci beaucoup t'es au top !!