25
jan
Optimiser autrement
Publié par dans SEO | 2 commentaires
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
Adoptez ce blog et son flux RSSYou might also like
| Google indexe les documents scannés Un nouveau pas dans le processus d'indexation du web par Google : l'indexation des documents scannés,... | Ecriture web et référencement Les impératifs du référencement s'appliquent à l'écriture web qui doit également répondre à... | Brevet de référencement automatisé chez Yahoo! Les moteurs de recherche ont de bonnes raisons de ne pas s'intéresser au pages générées automatiquement.... | Structure des urls sur WordPress Wordpress propose au choix quelques variantes d'url et aussi la possibilité de construire l'url... |






février 2nd, 2008 at 14:16
Alors là bravo !
Quelle technicité, je suis juste impressionné. Si mon blog démarre pas un matin, tu pourras lui mettre un coup de html ?
A+
mars 14th, 2010 at 18:23
Alors la je suis impressionné par ta technique mais heureusement qu’il y a des femmes qui connaissent vraiment le web et qui savent de quoi elles parlent.