SpeedAirMan
lundi 21 juillet 2008 à 20:14
Très joli mais très lourd, effectivement.
LE lien :
Best Practices for Speeding Up Your Web SiteTu peux aussi télécharger
YSlow! (avec Firebug) pour Firefox.
Il faut minimiser au maximum le nombre de "hits", bien structurer ta page, et optimiser le contenu (compresser les images par exemple).
Quelques conseils :- onclick="document.location=this.href;" : ça sert à quoi ? Le lien est déjà dans le "href". Enlève ce qui est inutile.
- Met ton fichier CSS le plus haut possible dans le code, juste après meta charset (encodage) et après le title.
- Met tes appels de scripts JavaScript tout en bas de la page, juste avant </body>
- Met ton JavaScript dans des fichiers externes (ainsi, ils ne seront chargés qu'une seule fois puis mis en cache)
- Fusionne tes fichiers CSS et JS en un seul fichier CSS et un seul fichier JS (ça limitera le nombre de "hits")
- enlève TOUT ce qui est inutile, en commençant par les metas qui ne servent à rien :
CODE
<meta name="subject" content="Services/Outils webmaster 100% gratuits. Tutoriaux|Scripts|Design ... La communauté gratuite du web, partagez vos créations. ressources webmasters" />
<link rel="Generateur-meta" href="http://www.monsitegratuit.com" />
<meta name="author" content="Cclleemm" />
<meta name="copyright" content="©Cclleemm Graphic's" />
<meta name="revisit-after" content="2" />
<meta name="identifier-url" content="http://www.monsitegratuit.com" />
<meta name="reply-to" content="graphics_AT_cclleemm.com" />
<meta name="date-creation-ddmmyyyy" content="08102006" />
<meta name="Rating" content="general" />
<meta name="organization" content="Cclleemm Graphic's" />
<meta name="expires" content="never" />
<meta name="Distribution" content="Global" />
<meta name="Audience" content="general" />
YSlow! m'indique 107 requêtes HTTP ("hits") : c'est
énorme ! C'est à dire qu'un nouvel arrivant va télécharger 107 fichiers différents pour charger entièrement ta page.
C'est beaucoup trop : il faut que tu réduise ce nombre.
Pour réduire le nombre d'images, tu peux par exemple réduire toutes tes icônes à
une seule image en utilisant les "CSS Sprites".
Hors optimisation de la rapidité de l'affichage, n'oublie pas de renseigner les "alt" de tes images, ça sera mieux pour ton référencement et pour l'accessibilité

(menu horizontal, en haut notamment)