Du code valide

Avoir un code valide permet au navigateur de ne pas devoir manipuler, gérer ou fusionner des bouts de code pour tout faire fonctionner.

Une page avec un DOCTYPE correct et une structure va être rendue plus rapidement par le navigateur, et la compatibilité en sera améliorée.

Les outils de validation XHTML et HTML sont à trouver sur http://validator.w3.org/ et ceux pour le css sont à trouver sur http://jigsaw.w3.org/css-validator/

Réduire la quantité de requêtes HTTP

Cela nécessite du temps de télécharger les pages, mais cela prend également du temps d’exécuter toutes les requêtes qu’elles contiennent. Au moins de requêtes il y aura, au plus rapidement votre page se chargera.

Vous pouvez vous aider en suivant le guide trouvable sur http://www.dailyblogtips.com/speed-up-your-site-reduce-the-http-requests/

Compressez les images, les css et les JavaScripts

Les images, le Javascript et les feuilles de style peuvent toutes êtres réduites en termes de taille sans perdre des fonctionnalités. Le site Smush.it compresse les images bien plus et mieux que Photoshop.

Pour compresser les css, il y a des sites comme Clean CSS et CSS Drive Compressor. Ces sites vont supprimer les espaces, les points virgules et les marques de paragraphe, réduisant ainsi la taille du fichier d’un peu plus de 10%.

Placer le JavaScript le plus bas possible

C’est simple, et efficace. Il y a quelques années, le javascript faisait partie du début de la page. Il a été réalisé qu’il est mieux de l’ajouter en bas de page, parce qu’il est souvent tout à fait inutile. Par exemple, Google recommande de placer le code de suivi pour Google Analytics en bas de page.

Les extensions pour Firefox

Utiliser des extensions comme Firebug et la barre d’outils Web Developper peut vous aider sérieusement vous aider quand vous essayez d’optimiser le code. Firebug vous à aide à vérifier à quelle vitesse une page se télécharge et se charge. La barre d’outils Web Developper vous permet de ne pas afficher les images, d’éviter de charger les feuilles de style CSS ou les javascript pour voir comment votre site fonctionne sans tout cela.