Domaine Fantome

Bonjour je trouve mon site un peu lourd a charger

Http://www.fantome.cc

Je voulais savoir ce que je pourrais faire pour le rendre un peu plus rapide surtout que j ai entendu dire que google n aime pas trop les sites lents

Bonjour,
"Un peu" lourd, effectivement
Bon avant de passer aux choses sérieuses, j'ai 3 erreurs javascript en chargeant ton site.

<link rel='stylesheet' id='thickbox-css'  href='http://www.fantome.cc/wp-includes/js/thickbox/thickbox.css?ver=20090514' type='text/css' media='all' />
<link rel='stylesheet' id='lazyest-style_0-css'  href='http://www.fantome.cc/wp-content/plugins/lazyest-gallery/css/lazyest-style.css?ver=3.0' type='text/css' media='all' />
<link rel='stylesheet' id='lazyest-style_1-css'  href='http://www.fantome.cc/wp-content/plugins/lazyest-gallery/css/_slideshow.css?ver=3.0' type='text/css' media='all' />
<link rel='stylesheet' id='GrandomI-css'  href='http://www.fantome.cc/wp-content/plugins/grou-random-image-widget/g-random-img.css?ver=3.0' type='text/css' media='all' />
<link rel='stylesheet' id='NextGEN-css'  href='http://www.fantome.cc/wp-content/plugins/nextgen-gallery/css/nggallery.css?ver=1.0.0' type='text/css' media='screen' />
<link rel='stylesheet' id='shutter-css'  href='http://www.fantome.cc/wp-content/plugins/nextgen-gallery/shutter/shutter-reloaded.css?ver=1.3.0' type='text/css' media='screen' />
<script type='text/javascript' src='http://www.fantome.cc/wp-includes/js/prototype.js?ver=1.6.1'></script>
<script type='text/javascript' src='http://www.fantome.cc/wp-includes/js/jquery/jquery.js?ver=1.4.2'></script>
<script type='text/javascript' src='http://www.fantome.cc/wp-content/plugins/gallery-widget-pro/js/fastinit.js?ver=1.3'></script>
<script type='text/javascript' src='http://www.fantome.cc/wp-includes/js/scriptaculous/wp-scriptaculous.js?ver=1.8.3'></script>
<script type='text/javascript' src='http://www.fantome.cc/wp-includes/js/scriptaculous/effects.js?ver=1.8.3'></script>
<script type='text/javascript' src='http://www.fantome.cc/wp-content/plugins/gallery-widget-pro/js/crossfade.js?ver=4.1'></script>
<script type='text/javascript' src='http://www.fantome.cc/wp-content/plugins/gallery-widget-pro/js/gallery-widget-pro.js?ver=0.0.1a'></script>
<script type='text/javascript' src='http://www.fantome.cc/wp-content/plugins/seo-image-galleries//js/jquerytools.min.js?ver=3.0'></script>
<script type='text/javascript' src='http://www.fantome.cc/wp-content/plugins/grou-random-image-widget/gr.js?ver=3.0'></script>
<script type='text/javascript' src='http://www.fantome.cc/wp-content/plugins/stray-quotes/inc/stray_ajax.js?ver=3.0'></script>

Tu appelles énormément de fichiers externes ! Essaie d'en fusionner quelques-uns. Ensuite, les fichiers js, si possible, s'appellent juste avant </body> pour ne pas bloquer le chargement du reste de la page.

        <a id="lg_thumb_onclick_moonmodc.jpg" href="http://www.fantome.cc/portfolio/croquis/moonmodc.jpg" title="moonmodc.jpg" rel="lazyest" class="lg"><img class="thumb" src="http://www.fantome.cc/wp-content/fantome2/croquis/thumbs/moonmodc.jpg" alt="image moonmodc.jpg" /></a>
        <a id="lg_thumb_onclick_cercueil_brouillon.jpg" href="http://www.fantome.cc/portfolio/croquis/cercueil%20brouillon.jpg" title="cercueil brouillon.jpg" rel="lazyest" class="lg"><img class="thumb" src="http://www.fantome.cc/wp-content/fantome2/croquis/thumbs/cercueil%20brouillon.jpg" alt="image cercueil brouillon.jpg" /></a>
        <a id="lg_thumb_onclick_fast&furious.jpg" href="http://www.fantome.cc/portfolio/croquis/fast%26furious.jpg" title="fast&amp;furious.jpg" rel="lazyest" class="lg"><img class="thumb" src="http://www.fantome.cc/wp-content/fantome2/croquis/thumbs/fast%26furious.jpg" alt="image fast&furious.jpg" /></a>

Ensuite, débarasse toi de tous ces trucs là ! Je ne pense pas qu'ils soient utiles au départ (j'ai l'impression que c'est pour un diaporama ?), personne ne va rester 20 ans sur ta home pour voir défiler des images miniatures aléatoirement en plus

Je pense que si tu corriges déjà tout ça, le temps de chargement —effectivement assez long— sera considérablement réduis.
à+

Bonjour,

Je confirme que ta page est très longue à charger, il peut y avoir plusieurs raisons à cela :

* Le très grand nombre de JS à télécharger AVANT le contenu : 500k de JS c'est tout simplement trop et aberrant, tu n'a très certainement pas besoin de tout cela. Et comme déjà dit par Schwarzer Stern, en les plaçant en fin de document, tu permets au contenu de se charger en priorité. Pour résoudre ce point : il faut que tu revoir l'utilisation que tu fais de JavaScript et que tu supprimes les scripts qui ne sont pas nécessaire ; ensuite il faudra regrouper les scripts en aussi peu de fichier que possible (le mieux étant un seul fichier).

* Dans le même idée, 11 feuilles de styles externes (plus 3 portions de CSS dans le head) c'est trop : Il faut regrouper les feuilles de styles.

* 1,7Mo d'image pour une home, c'est également trop. Il te faut soit réduire le nombre d'image, soit réduire le poids. De plus, il est vraiment déconseillé de redimensionner les images dans le code HTML, tu gagnerais beaucoup en ayant des images à la bonne taille (en poids et en qualité).

* Il se peut que ton serveur soir lent : la seule solution, dans ce cas, est de changer d'hébergeur.

Merci pour vos conseils
effectivement en plus les images sont redimensionnées

Parfois, changer d'hébergeur est la seule solution. Mais avant d'en arriver là, tu peux optimiser :
-Coté serveur, en mettant en place un plugin de cache (wp-supercache par exemple) et en faisant éventuellement le ménage dans tes extensions installées.
-Côté client, en suivant les préconisation de laurie-anne et swarzer stern, mais également en utilisant yslow ou google page speed qui t'indiqueront les optimisations à mener.

Pour js, il vaut effectivement mieux tou regrouper et le placer à la fin, sauf pour le code google analytics (snippet asynchrone avec des '_gaq.push', cf cette page) qu'il faut placer avant la fin du head.