Des fichiers trop lourd

Il est très important de faire attention à la taille des fichiers que l’on utilise sur son site. Plus vos fichiers seront lourd et plus votre site sera long à charger. Hors l’internaute s’attend à avoir l’information rapidement, si votre page ne s’affiche pas immédiatement ou presque vous perdrez beaucoup de visiteurs. Attention à ne pas tomber dans un piège: tester l’affichage de son site chez soi n’est pas représentatif de l’expérience que vivra un autre internaute. Si vos fichiers sont déjà stockés sur votre ordinateur une page pourra se charger rapidement chez vous alors que le visiteur, lui, devra télécharger ces fichiers, ce qui prend plus de temps. De plus tout le monde n’a pas la même connection internet. La haute-vitesse c’est démocratisée mais les foyers qui ne dépassent pas le 1Mo/s ou 2Mo/s sont encore nombreux.

Il est possible de tester le poids des pages de son site sur www.websiteoptimization.com/. Il n’y a pas de poids idéal, souvent il est conseillé de faire des pages de moins de 100 ko mais ça devient de moins en moins vrai à mesure qu’internet est plus rapide. À titre de comparaison une page de LSI fait environ 230 Ko et une « grosse page » comme l’accueil du site de MSN pèse environ 400 Ko.

Les images

L’erreur fréquente du débutant consiste à prendre une photo avec son appareil photo et à l’utiliser telle quelle sur son site. Grave erreur, car une photo pèse à l’origine plusieurs centaines de Ko voir plusieurs Mo. Il est donc nécessaire de redimensionner ces images puis de les sauvegarder avec une qualité moyenne (environ 75% ou 9/12 par exemple) pour qu’elles soient plus légères. Chacune de vos image doit être optimisée.

Les blogs et CMS font souvent ce travail sur les photos automatiquement.

Les autres fichiers

Il n’y a pas que les images qui soient lourdes. Il y a encore bien plus lourd. Les animations Flash et les fichiers sonores augmenteront considérablement le temps d’affichage de vos pages et ne sont à utiliser que s’ils sont vraiment indispensables. Pour voir une vidéo le visiteur est prêt à attendre un peu, pour afficher une animation Flash décorative rien n’est moins sûr.

Trop de widgets

Depuis quelques années c’est la folie des widgets, on en trouve à toutes les sauces et on peut en coller très simplement sur son site et son blog. Leur utilisation abusive alourdira votre site. Le problème des widgets c’est qu’ils sont généralement hébergés sur des serveurs différents. Si vous mettez une dizaine de widgets sur votre site (la météo, la bourse, un sondage etc.) vous devez alors afficher des informations qui se trouvent sur 10 serveurs différents. Si un seul de ces serveurs est lent c’est tout votre site qui ralentit.

D’autres problèmes peuvent apparaître avec les widgets. Par exemple certains peuvent ne pas s’afficher occasionnellement, enlaidissant ainsi votre page, et d’autres au contraire afficher des publicités ou pop-up indésirables sur votre site.

Le widget c’est bien, mais avec modération.

Un design trop agressif

Il n’y a rien de plus désagréable qu’un site trop coloré ou avec des couleurs vives. Par exemple un texte jaune avec des titres rose sur un fond noir. Si vos visiteurs doivent s’abîmer les yeux pour lire vos messages vous ne les garderez pas longtemps. D’ailleurs nombreux sont ceux qui fermeront votre page sans même lire la première ligne si elle leur paraît trop moche. Faire plus sobre c’est plaire à plus de monde, et ce n’est pas forcement synonyme de site banal.

Pardon, il y a plus désagréable qu’un site trop coloré. Il y a le site qui clignote. Quand on ne sait pas quoi mettre sur un site on peut être tenté de rajouter des petites étoiles clignotantes en haut, un petit avion qui passe en bas ou toute autre animation inutile. Soignons clair, dans 99% des cas c’est moche. C’est moche et en plus ça fait vieillot. Tout ce qui clignote ou se déplace sur l’écran est à éviter.

Trop de publicité

Sachant que la publicité rapporte de l’argent on peut être tenté d’en mettre beaucoup, surtout que pour la majorité des sites elle est l’unique moyen de financement. Mais attention, avec trop de pub vous risquez d’envoyer un message négatif à vos visiteurs du genre « je n’écris pas ce message pour vous aider mais pour gagner de l’argent ».

Attention aussi à placer vos annonces correctement. Par exemple le haut d’un article est un endroit idéal pour un bandeau publicitaire. Mais il faut aussi que votre visiteur puisse voir tout de suite, sans avoir à la chercher, l’information principale de vote page. Ainsi ce n’est peut être pas une bonne idée de mettre plus d’une bannière en haut d’un article et d’obliger l’internaute à scroller plus bas pour trouver ce qu’il cherche.

De la musique de fond

Voici une autre mauvaise idée: mettre une musique de fond sur les pages de son site. C’est rarement apprécié et même souvent plutôt énervant. Si l’internaute aime voir des vidéos ou écouter de la musique en ligne, il aime rarement la subir. Imaginez celui qui surf sur votre site au milieu de la nuit ou au bureau, et tout d’un coup une musique résonne dans ses haut-parleurs. Imaginez le même qui vient d’ouvrir une dizaine de fenêtres web et qui cherche désespérément de quel site vient la musique et comment la couper au plus vite. Celui-là vous ne le reverrez jamais. Et même sans ça une musique de fond ça fait vraiment année 90, très ringard, un peu comme les images clignotantes.

Une mauvaise organisation

Essayez d’organiser votre site de façon à ce que les informations soient facile à trouver. Il est nécessaire d’avoir un menu clair est bien organisé et une structure qui ne change pas d’une page à l’autre. Dans la mesure du possible il faut mettre les mêmes informations au même endroit et dans le même ordre sur chaque page.

Pensez aussi à bien organiser vos fichiers dans différents dossiers pour retrouver facilement ce que vous chercher. Les pages de votre site, les photos et autres risquent de se multiplier très vite. Organisez-vous correctement dès le départ. Vous devez aussi pouvoir rajouter et enlever des catégories ou des pages à votre site sans que ça pose de problème.

Des noms de pages inadaptés

Choisir un bon nom de page c’est important. Ça vous aidera à vous retrouver plus facilement et votre site sera mieux référencé sur les moteurs de recherche ou les sites de partage. Essayez de mettre dans votre nom de page les mots clés que recherchent les internautes. Par exemple si vous faite un article sur la brocante de Lille appelez votre page « brocante-lille-2010.php » et non « bonnes-affaires-en-pagaille.php ». Bien sûr évitez absolument les noms qui ne veulent rien dire du genre « page231c.php ».

Dans un nom de page évitez les espaces, séparez les mots par des « - » ou des « _ ».

Choisissez l’extension .php plutôt que .html, même si vous ne mettez pas de code php dans vos pages. Si vous voulez le faire un jour vous n’aurez pas besoin de changer le nom de vos pages et donc perdre vos liens et votre référencement.

Un affichage différent sur les navigateurs

Un problème auquel est confronté toute personne qui créer un site web est l’affichage du site sur les difféents navigateurs. Chaque navigateur va interpréter votre code différemment, ce qui peut aboutir à des résultats totalement différents de l’un à l’autre. Par exemple si votre site s’affiche correctement sur Firefox, ça ne veut pas dire qu’il fonctionnera bien sur Internet Explorer, Google, Chrome, Safari etc.

Il faut tester sur tous les navigateurs pour être sur que votre site s’affiche bien partout. Le strict minimum et de tester sur Internet Explorer et Firefox, de préférence sur la dernière et l’avant-dernière version.

Un très bon site pour vous aider à contrôler vos pages sur les différents navigateurs:

http://browsershots.org/.

Un autre, bien moins complet mais qui permet de tester avec différentes résolutions d’écran

www.scapture.com/.

Un site trop large

Tenir compte de la résolution d’écran est important. Admettons que votre résolution d’écran soit de 1280px de large et que vous faite un site d’environ 1200px; il s’affichera parfaitement sur votre ordinateur. Mais chez quiconque utilise une résolution d’écran de 1024px (résolution très courante) ça veut dire que votre site ne s’affichera pas en entier et que votre visiteur devra scroller de droite à gauche pour naviguer sur vos page. L’enfer.

En règle général ne dépasser pas une largeur de 1000px pour votre site, avec la barre de navigation sur le côté il s’affichera correctement sur tout écran d’une résolution de 1024px ou supérieure.

Exemple d’un site de largeur 1000px affiché avec une résolution de 1024px de large:

Une mauvaise police d’écriture

Une erreur qui est souvent commise est de ne pas choisir de police d’écriture ou d’en choisir une trop originale.

Dans le premier cas le navigateur de l’internaute utilisera une des trois polices par défaut présente sur tous les navigateurs: serif, sans-serif ou monospace. Ce sont des polices classiques.

Dans le second cas le résultat est plus aléatoire. Ce n’est pas parce que vous choisissez une certaine police de texte pour vos messages qu’elle va nécessairement s’afficher sur le navigateur de votre visiteur. Il faut que celui-ci ait déjà la police installée sur son ordinateur pour qu’il voit le texte comme vous le voyez. Sinon le navigateur choisira une police par défaut.

Ce qu’il faut faire c’est choisir plusieurs polices d’affichage dans l’ordre de ses préférences. Par exemple pour LSI:

font-family: Arial, Verdana, serif;

Lisez aussi:

1. Faire son site: Par où commencer?
2. Ce qu’il faut savoir avant de créer un site internet