Qu'est ce que l'optimisation de site web ?

On parles d'optimisation lorsque l'on agit sur 3 points

Toutes ces manipulations n'ont qu'un seul but : accélérer le rendu graphique côté visiteur. Ceci est différent de "je rends votre site plus rapide". En effet la vitesse pure n'est pas la seule information à prendre en compte pour optimiser son site internet.

Pourquoi optimiser ?

Pour plusieurs raisons.

Pour le rendu client : plus un site est beau et plus longtemps le visiteur restera dessus. Mais si la vitesse d'affichage n'est pas au top il y a de fort risque de voir partir le visiteur ailleurs. Ce point est le plus connu, mais c'est paradoxalement le moins approfondis, par manque de temps et de connaissances.

Pour l'intégration universelle : avoir un site qui apparait de façon différente d'un PC à un autre (à un Mac), d'un navigateur à un autre, c'est bien souvent se priver d'un vaste nombre de visiteurs potentiels qui ne feront que survoler votre site internet. Optimiser un site c'est également le rendre identique, peu importe les logiciels utilisés pour le visiter.

Pour le respect des minorités : mal-voyant ou aveugles, ces minorités sur internet ont besoin de sites correctement structurés pour pouvoir utiliser leur outils.

Pour le référencement : de plus en plus souvent, les moteurs de recherches -et google en tête- incluent la performance d'un site internet comme critère de classement.

Pour la mise en avant d'un savoir faire et d'un sérieux : Par ce qu'un site négligé représente au mieux un manque de temps, au pire une facette de la personnalité de son auteur, il est impératif de rendre son site impeccable.

Les méthodes que j'emploie

Dans le cadre de mes développements web je travaille le plus souvent avec Cms Made Simple (mais pas que). Dans ce cas je procède bien souvent de la même façon

Avant de mettre le site en production

Je vérifie la validation Xhml et CSS de mon site.

J'installe les modules de minification et mise en cache du CSS (inclus par défaut depuis la 1.8.1)

J'active les fonctions cache & compression gzip de mon serveur

Je compresse les images au max pour gagner en poids, j'opte pour des sprites css pour les images de menu & co

J'utilise Gmetrix et je monte les notes Yslow et pageSpeed à respectivement minimum : 80% & 90% (+ d'info)

Par le même outils je descend au maximum le poids de mon site (100ko = impec). Ce qui n'est pas toujours possible hélas

J'opte pour un Script asyncrone pour les statistiques

[...]

Les tests récents de performance avant et après optimisation montre des gains de temps énormes :)

Après mise en production

Il est indispensable de repasser au moins tous les mois sur les sites internets actifs afin de tester avec Gmetrix l'état du serveur et vérifier si de nouvelles optimisations sont à prévoir.