Google et le temps de chargement des pages

On en parle un peu partout depuis quelques jours (notamment sur WRI), Google prendrait dorénavant en compte le temps de chargement de vos pages Internet.

Pas de quoi s’affoler, vous n’allez pas subir un déclassement parce que votre site mets 500ms de + à s’afficher que celui du voisin. C’est toutefois l’occasion de se pencher un peu sur l’optimisation de ses pages, à travers la compression d’un coté, et un codage un peu plus propre de l’autre. N’oublions pas dans un second temps qu’optimiser les pages servent aussi à nos chers visiteurs.

WRI a publié un article récemment à cet effet plutôt bien ficelé, bien que je n’ai pas tout regardé en intégralité.

Mieux compresser les PNG ?

Je me suis intéressé du fait à la compression des images. L’objectif n’est pas trop de compresser l’interface graphique en elle même, puisqu’il y a (figurez vous…) ce qu’on appelle un cache internet. Non je parle bien des images dans le contenu.
Les images JPG ou GIF ne posent en général pas trop de soucis, par contre du coté PNG (et c’est fort dommage) c’est un peu lourd, et au final on se retrouve avec des pages web très lourdes (jusqu’à 800 ko parfois) parce qu’on veut mettre en place des belles interfaces, avec de belles images avec fond transparent.

Et avec quoi va t’on travailler si ce n’est notre cher nunux pour optimiser la taille des fichiers PNG… (on se le demande…) 2 utilitaires dont pngnq qui est tout simplement génial.

apt-get install pngnq optipng

pngnq -f -s2 test.png
optipng -o7 test-nq8.png

un petit man pngnq vous renseignera davantage que moi, à vous de régler au mieux pour allier qualité et compression. Pour info j’avais un dossier de 30 mo de fichiers png, ce dernier est passé à 10 MO sans trop forcer sur les paramètres de compression.

Je reviendrais par la suite pour explorer d’autres aspects de l’optimisation des pages.

Partage cet article :
  • Print
  • Facebook
  • Google Bookmarks
  • Twitter
  • Add to favorites
  • blogmarks
  • Digg
  • email
  • LinkedIn
  • Live
  • PDF
  • Wikio FR

Leave a Reply

 

 

 

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>