Il existe de nombreux sites qui mesurent le temps nécessaire au chargement complet d'une page. Vous pouvez ainsi déterminer exactement quels éléments empèchent que la page apparaisse rapidement.
L'effet d'ombre est obtenu avec une seule instruction CSS text-shadow (qui ne demande pas de télécharger de fichier externe).

Hébergeur trop lent
Certains fournisseurs ont un accès à l’internet trop lent qui n’est pas en rapport avec le nombre d’internautes qui accèdent aux sites hébergés. Un accès plus rapide coûte plus cher, et le fournisseur va essayer d'utiliser la connection la meilleure marché possible. Les choses ne vont pas changer tant qu'il n'y a pas de clients qui se plaigent.

Passez à un autre fournisseur d’accès ou optimalisez vos pages au maximum en limitant les éléments graphiques et externes. Mieux vaut un site simple que pas de site du tout. Ce n’est pas la complexité d’un site qui fait sa qualité: souvent la complexité d’un site sert à masquer son manque de contenu.

Nettoyez manuellement le code des pages pour éliminer le ballast et les éléments inutiles. S’il n’est pas possible de passer à court terme à un autre hébergeur, réalisez votre site manuellement (sans utiliser de logiciel).

Ne mettez pas de gros fichiers en ligne (mode d'emploi, photos en haute résolution, animations, etc). Offrez ces fichiers via mail (cela vous permet en plus d'obtenir l'adresse mail du contact). Une partie du traffic internet se compose de demandes des robots indexeurs. Certains sont très mal écrits et demandent plusieurs fois de suite le même fichier.

Code externe
Votre site contient du code qui est chargé d’un fournisseur de services externe (par exemple google adsense si vous avez de la publicité sur vos pages), mais il peut tout aussi bien s’agir de gadgets comme un ticker de la bourse ou les prévisions météo.

Chaque appel d’un site externe demande une résolution DNS suivi d’une connection au site correspondant.

Il se peut que ce site soit fort sollicité, ce qui fait qu’il ne produit un résultat qu’au bout de quelques secondes ou plus.

Les navigateurs lisent et interprètent le contenu de la page dans l’ordre où il apparait dans le fichier html. Certains navigateurs ne montrent pas la page tant qu’ils n’ont pas tous les éléments présent sur la page, ou ne montrent qu’une toute petite partie et ”bloquent“ à l’endroit où l’élément doit apparaitre.

Demandez-vous si ce ticker de la bourse ou si l’animation satellite des zones de pluie apportent vraiment un plus à votre site.

Une solution est de placer ces éléments plus bas dans le code de la page. Ainsi, une partie de la page pourra déjà apparaitre avant que le gadget ne soit chargé.

Eventuellement, vous pouvez placer le code en fin de page html et repositionner le gadget en haut de la page:

• Définissez une zone vide à l’endroit où le gadget doit apparaitre et identifiez la zone dans le code normal de la page
• En fin de code chargez le gadget et déplacez-le vers la zone vide

Code trop complexe ou mal écrit
Généralement, un site est lent par une combinaison de facteurs. Les ordinateurs actuels semblent de plus en plus lents (et le sont aussi, si on se rapporte au résultat visible d’une opération relativement simple). Le navigateur doit charger du code d’exécution pour les différents éléments de la page (par exemple une visionneuse flash player ou PDF), mais également pour les instructions javascript.

Si vraiment vous n’arrivez pas à optimaliser votre site, recommencez à partir de zéro en utilisant une structure simple.

Ne vous basez pas uniquement sur des éléments graphiques pour la mise en page de votre site: ces éléments graphiques doivent tous être téléchargés du fournisseur d’accès, chargés en mémoire vive, interprétés et placés sur la page.

Fournissez ine indication de taille (hauteur et largeur) pour chaque élément graphique, ainsi le navigateur va déjà réserver l’espace nécessaire, quitte à le remplir plus tard. L’interprétation du code de la page n’est pas bloqué parce que le navigateur attend les dimensions de l’élément pour lui réserver de la place.

N’utilisez pas d’éléments graphiques pour les titres et éléments de navigation. La page est incomplète tant que ces éléments importants ne sont pas présents. Il existe de nombreuses polices de caractères que vous pouvez utiliser. De nombreux effets graphiques (drop down shadow et autres) peuvent être produits par une simple instruction en CSS.

La page ne peut pas dépendre du javascript pour la navigation ou pour d’autres fonctions importantes. Certains scripts se plantent si on tente de les exécuter tant que la page n’est pas totalement chargée (les évènements onMouseOver peuvent se planter si les objets sur lequel ils agissent ne sont pas totalement chargés). Il arrive que toute l’exécution javascript soit interrompue parce qu’un des scripts s’est planté.

Evitez les pages qui fonctionnent différemment selon le navigateur utilisé. Ces pages ont besoin d'un code qui détermine la version du navigateur. Ecrivez une page qui fonctionne avec tous les navigateurs. Il arrive qu’une mise à jour modifie le comportement d’un navigateur, rendant caduque tout code spécifique.