10 règles pour accélérer la vitesse d’affichage de votre site

Il y a quelques semaines, Google a annoncé qu’ils allaient commencer à envisager la vitesse comme facteur de classement pour leur moteur de recherche.

Au-delà de la nécessité d’apporter un confort à vos visiteurs (ou plus simplement de ne pas les faire fuir si votre page ne s’affiche pas après 2 secondes), voici une bonne opportunité de réviser nos fondamentaux.

Oui je sais, vous êtes des pros, mais bon, deux minutes de lecture qui vous éviteront peut-être quelques déconvenues…

1. Utilisez des CSS externes et des fichiers de script
N’incluez pas de CSS ou de code JavaScript dans vos documents HTML. Placez-les des fichiers séparés et appelez-les en cas de besoin.

2. Utilisez la balise DIV pour vos mises en forme.
Évitez d’utiliser des tables.

3. Less is more
Enlevez les éléments dont vous n’avez pas vraiment besoin.

4. Optimisez vos images
Voici un logiciel de dynamic drive simple et efficace comme je les aime : http://tools.dynamicdrive.com/imageoptimizer/

5. N’utilisez pas d’images pour afficher du texte
Avec des styles CSS, vous pouvez obtenir un rendu de texte à votre convenance : typo, fonds, rollovers.

6. Utilisez un code propre
Débarrassez-vous de tout code inutile.

7. Utilisez les barres obliques de suivi pour les liens vers vos dossiers
Si vous avez votre blog dans un dossier appelé “blog”, un lien vers www.yoursite.com/blog/ (avec un slash à la fin de l’url), par opposition à www.yoursite.com / blog.

8. Utilisez les tags height et width.
N’oubliez pas d’utiliser ces balises pour les images et autres éléments.

9. Évitez l’utilisation excessive de Flash
Les animations Flash peut vraiment ralentir votre site,désolé pour les designers

10. Accélérez votre site WordPress
Si vous avez un site WordPress, utilise le plugin WP Super Cache.

That’s all !