jmlapam a écrit :
Temps de chargement assez importants en naviguant de page en page.
Avec 7 feuilles CSS et 8 scripts ainsi que plus d'un demi-Mo par page (dont 360 Ko en images), faut pas se surprendre que ça prenne un temps fou et que la bande passante grimpe en flèche autant pour le visiteur (on n'a pas le net illimité chez nous au Québec) que pour le compte FTP !
Donc…
- primo : regrouper tout les scripts et styles en aussi peu de fichiers que possible, et les minifier. Un gros fichier vaut mieux que plusieurs petits fichiers, en termes de requêtes HTTP (plus il y en a, plus ça alourdit). Et autant que possible, mettre ces scripts en fin de document, juste avant </body> pour laisser le contenu se charger avant son comportement. Seuls les scripts asynchrones comme Google Analytics doivent être mis dans <head>
- Secundo : Optimiser les images. Tu as des images transparentes alors que le fond derrière est uni, ce qui fait que tu aurais pu mettre une fausse transparence et ainsi, utiliser le PNG 8 bits pour les images qui ont peu de couleurs. Je pense aux parties grises notamment. Ensuite, il y a des outils d'optimisation pour réduire le poids des images.
Ensuite, je vois des images de fond contenir du texte, et des images "en dur" avec un mauvais texte alternatif ! C'est mauvais pour l'accessibilité, et les techniques de masquage peuvent te pénaliser au niveau référencement (le black hat SEO, c'est mal vu sur Google) ! Désactive les images avec Web Developer, et tu verras que tu perds beaucoup d'information quand le serveur déconne !
Un peu de lecture :
http://www.alsacreations.com/astuce/lire/1166-alt-title-images-liens.html
http://www.alsacreations.com/astuce/lire/62-balise-ltimggt-ou-feuille-de-style-css.html
Je ne vois aucune langue définie au sein de la balise <html> ouvrante
<html xmlns="http://www.w3.org/1999/xhtml">
alors que normalement, on doit écrire
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
Ta méta robots utilise les valeurs par défaut et il est donc inutile, tandis que ta méta keywords n'est plus prise en compte par Google (trop d'abus)
http://www.alsacreations.com/article/lire/628-balises-meta.html
Tes balises de titre (h1 à h6) sont mal utilisés, certains ont plus l'air à des paragraphes qu'à des sous-titres !
Voici donc de quoi à l'air ton plan de page :
http://gsnedders.html5.org/outliner/process.py?url=http%3A%2F%2Fwww.globbersthemes.com%2F
Pour le reste, je laisse ça aux autres, j'ai fait ma part.
Il y a donc pas mal de boulot devant toi !
. Pas top.
