Dievochka

Lorsqu’on parle d’optimisation de pages web la plupart des gens pensent ” mots clés, titre, métatags ou bien linking”. Mais on peut y voir autre chose.
Le temps de chargement de vos pages est également important : à quoi sert-il de maitriser toutes les techniques de SEO si ensuite une grande partie de visiteurs s’en va parce que les pages sont trop longues à charger ?

Concrètement il s’agit d’optimiser le javascript et les feuilles de style en les comprimant. Quelque chose de simple à réaliser, qui permet d’économiser du trafic sur le serveur et offre au visiteur une meilleure expérience du web, particulièrement à ceux qui n’ont pas l’adsl.
En dehors de la pure compression zip, on peut déjà optimiser ses feuilles de style et son javascript à la main, sans aller se compliquer les choses à modifier les codes mais en nettoyant les commentaires, en ordonnant méthodiquement, en utilisant des abréviations pour diminuer le nombre de caractères. Il existe des outils ou des scripts qui racourcissent les variables et le code, filtrent les caractères vides et les commentaires et aide à supprimer des bits superflus.
1/ utilisation de fichiers compressés :
Il faut commencer par réaliser les fichiers compressés. La plupart du temps on obtient un fichier gzip avec extension .gz
Le résultat peut doc être le suivant :
/css/style.css
/css/style.css.gz
/js/script.js
/js/script.js.gz
Il faut ensuite créer un fichier .htaccess avec les commandes suivantes pour faire un url rewriting des fichiers compressés :
# Use Compressed .js and .css Files if supported by browser
# Make sure to rewrite only Files in js and css folders
RewriteEngine On
RewriteBase /
RewriteCond %{HTTP:Accept-Encoding} .*gzip.*
RewriteRule ^js/(.*)\.js$ /js/$1.js.gz [L]
RewriteRule ^css/(.*)\.css$ /css/$1.css.gz [L]
AddEncoding x-gzip text.g
Cette méthode a quelques avantages par rapport à d’autres : la compression du contenu ne se fait qu’une seule fois et n’est pas appelée à chaque consultation. De plus on supprime la lourdeur des autres procédures : up load, compression ou parse de code.
Vos codes peuvent encore être allégés par un petit nettoyage. Vous pouvez utiliser les outils suivants :
ebine-Compressor (CSS und Javascript)
Shrinksafe et Javascriptcompressor.
Le code comprimé doit quand même être vérifié avant la mise en ligne des pages !
Le html peut également être nettoyé de tous les espaces et caractères spéciaux inutiles. Cela est facile pour les pages statiques pour lesquelles on peut utiliser des outils similaires à ceux des pages de styles ou du javascript.
Par contre, pour les pages dynamiques il faut éditer le template de la page à la main, en gardant sous les yeux l’original du code source.
Un outil pour nettoyer le html : ” html tidy”
Pour ceux qui sont curieux de savoir si leur page en a besoin, il suffit d’utiliser le Web Page Analyzer de Andrew B. King.

Tags: html, javascript, optimisation, poids des pages, script