Pourquoi une "petite" page web est mieux qu’une "grande" ?

Faites des pages de petite taille et obtenez de meilleurs résultats

Vous est-il déjà arrivé de cliquer sur un lien pour visiter un site et de rester là assis à attendre, attendre, … attendre que la page se charge ? Certainement non. Si vous êtes comme la plupart des internautes, vous cliquez simplement sur le bouton « Retour » de votre navigateur après quelques secondes.

Ce comportement est typique. Très peu de personnes vont attendre plus que quelques secondes pour voir votre page web. De même, de courtes pages, optimisées pour juste un ou deux mots-clés seront meilleures pour un référencement de site que de grosses pages traitant de notions diverses et variées.

C’est pourquoi il est tellement important d’avoir de « petites » pages web (en kilobytes). Voici quelques trucs qui vous aideront à avoir des pages les plus petites possible :

Utilisez les images à bon essien et optimisez-les afin qu’elles aient la plus petite taille possible. L’idéal est d’avoir des pages ne dépassant pas 20kb, images et texte inclus.

Réduisez la taille de vos logos le plus possible. J’ai déjà vu des sites ayant des pages dont la taille avoisinait les 100k, voire plus ! La plupart des visiteurs n’attend pas le chargement de telles pages.

Concentrez vos pages sur un seul sujet, et créez d’autres pages pour traiter d’autres sujets. Vos visiteurs vous en seront reconnaissants, et les moteurs de recherche adoreront votre site !

Utilisez les feuilles de style (fichiers .css) et appelez-les à l’intérieur de vos pages. En faisant cela, vous pouvez facilement réduire la taille de vos pages de moitié, et réduire par conséquent le temps de chargement de moitié également.

Si vous utilisez du JavaScript, placez le code dans un fichier externe .js et faites appel à ce fichier en fonction de vos besoins.

Après avoir réduit le plus possible la taille de vos pages, voici quelques astuces qui vous permettront un chargement encore plus rapide :

Si votre page contient beaucoup d’images et que vous ne pouvez faire autrement, préchargez ces images en utilisant un code JavaScript

Evitez d’imbriquer trop de tables les unes dans les autres, ou du tout moins faites attention au niveau d’imbrication, car cela ralentit légèrement la vitesse d’affichage de la table

Si vos pages continuent à être longues à charger malgré tout ce qui a été dit plus haut, réorganisez le contenu de votre page en plusieurs petites tables, plutôt qu’une seule table énorme
De cette manière, la table du haut va commencer par se charger complètement, puis les tables en dessous se chargeront à leur tour, etc. Cela donnera à votre visiteur l’impression que la page est chargée alors que ce n’est pas le cas. Et il aura ainsi quelque chose à lire, pendant que le reste de la page continue de se charger.

Précisez toujours la largeur et la hauteur de toutes les images. Cela permet au navigateur de continuer le rendu de la page avec l’espace prévu pour les images. Le texte se chargera alors avant les images, donnant ainsi au visiteur quelque chose à lire pendant le chargement de ces dernières.

Si vous souhaitez visualiser et télécharger des templates gratuits, remplissez simplement le formulaire ci-dessous.

Nous avons mis à votre disposition une 20aine de templates que vous pouvez télécharger gratuitement. Pour cela, saisissez simplement votre nom et votre e-mail:

Si vous souhaitez visualiser et télécharger des templates gratuits, il suffit de mettre votre nom et votre e-mail dans le formulaire ci-dessous: