Discussion :

[PatSan]

Bonjour à tous !
J'aurais besoin des connaissances d'un dieu de l'optimisation de site.
Il faudrait que je gagne une 1/2 seconde pour l'affichage de mon site www.o-naturel.ca. Actuellement, j'en suis à 2.5 secondes.
J'ai déjà optimisé au maximum sur les recommandations de google chrome pagespeed. J'obtiens une note de 99/100.
Au niveau des CDN, j'ai utilisé Google App Engine Launcher.
La compression des js, jpg et png est effective
Je n'ai par contre aucun jpg progressif mais je pense que cela ne joue pas dans la rapidité d'affichage. Selon moi, c'est juste un confort visuel...
J'utilise http://www.webpagetest.org pour analyser le tout.
La seule chose que je pourrais voir est démarrer le rappatriement des jpg avant tout css ou tout js. Est-ce que cela est possible ?
Je pourrais peut-être aussi utiliser un autre CDN pour les plus grosses images mais je ne sais pas si cela donnerait plus de parallélisme...
Qu'en pensez-vous ?
Merci d'avance pour vos réponses.

[rodolphebrd]

Vous avez entre autre :

Spécifier les dimensions des images

En spécifiant une largeur et une hauteur pour toutes vos images, la page se chargera plus vite, car l'exécution des commandes reflow() et repaint() ne sera pas nécessaire.
En savoir plus

Suggestions pour cette page

Les images suivantes ne sont associées à aucun attribut de largeur et/ou de hauteur.
http://o-naturel.appspot.com/.../photo_1.jpg
http://o-naturel.appspot.com/.../photo_2.jpg
http://o-naturel.appspot.com/.../photo_3.jpg
http://o-naturel.appspot.com/.../photo_4.jpg
http://o-naturel.appspot.com/.../left_up_export.png
http://o-naturel.appspot.com/.../right_up_export.png

[PatSan]

Oui je sais, ce sont les seules images dont les dimensions ne sont pas spécifiées.
Au niveau des photos : si je le fais, le javascript du rotator principal ne fonctionne plus au niveau du redimensionnement de la page (c'est l'inconvénient de reprendre un script que l'on écrit pas).
A niveau des flèches, elles font aussi partie d'un rotator (secondaire) utilisant le jscript et je ne peux pas spécifier leur taille.
Merci pour ton commentaire rodolphebrd.

[livaneti]

Salut, voici quelques conseils :

- Pourquoi tu met pas ton code css dans un fichier de Style... Cela permettras un affichage plus rapide de ton site....

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<link rel="stylesheet" type="text/css" href="style.css" />

- Ses Scripts, tu peux les Mettre en Pied de la page, juste Avant </body> :

le Script : // Gestion des cookies // et le Google Analytics...

Bonne chance

[PatSan]

Bonjour livaneti,
En fait, les styles css sont intégrés dans la page html pour éviter une requête supplémentaire au serveur... Cela fait partie du processus d'optimisation.
Pour le script du Google Analytic, Google préconise de le mettre avant le </head>.

[livaneti]

Il faut noter que ton Style ajouter comme ça sur la page est "Oldies" ancient... pour chaque Website Speed Optimization il est conseillé d'ajouter toutes les déclarations CSS et Javascript dans des Fichier (.CSS et .JS) et il est conseillé d'ajouter tous les Javascripts Code Facultatif avant la /body... c'est le Cas de Google Analytic et celui des Cookies...

Bonne Chance