La page Web et le navigateur
Une première optimisation facile pour votre site internet est de répartir le chargement des ses différents composants.
- Le navigateur construit la page web
Que se passe-t-il lors du chargement d’une page web ?
Il faut bien décomposer les étapes pour comprendre comment on peut optimiser l’affichage de la page web.
- Chargement de la page correspondant à l’URL (ex http://microwebagency.com)
- Chargement de la partie header et des différents fichiers liés à la page:
- les feuilles de style (CSS),
- les scripts (Javascript),
- les images (JPG, PNG, GIF, …)
Si vous utilisez Firefox, vous pouvez installer l’extension FireBug qui vous montrera l’ordre et le temps pour charger chaque composant. C’est vraiment instructif.
- Améliorer le temps de chargement de la page
Le grand avantage pour ces composants, c’est qu’ils peuvent être sur des noms de domaines différents de votre site.
Si vous gardez tous les éléments de votre page sur un seul serveur web, il peut facilement se retrouver à gérer une dizaine (ou souvent plus) de requêtes pour fournir tous les éléments. (une requête pour le HTML, une pour chaque fichier CSS, une pour chaque fichier Javascript, une pour chaque image, etc…). Et si votre hébergement est un peu faible (c’est souvent la contrepartie d’un hébergement gratuit ou à petit prix…), le serveur mutualisé va vite ralentir et vos fichiers arriveront au ralenti.
Pour alléger un peu le travail et le répartir en petites tâches, il suffit de créer plusieurs comptes chez différents hébergeurs gratuits. Et puis vous mettrez vos CSS sur un hébergeur, vos Javascript sur un autre, vos images sur un 3ème, etc… Ensuite, il suffit de modifier votre thème WP, avec les différents URLs, pour qu’il aille chercher les éléments sur les différents serveurs.
Cette solution convient aux éléments qui ne changent pas souvent. C’est bien si vous avez un site qui est plutôt stable. Si votre site change souvent de look and feel, ça peut devenir lourd à gérer…
- Installer un plugin de cache
Comme autre optimisation facile pour votre site, vous pouvez installer un cache logiciel. WP s’appuie sur PHP pour créer le code HTML de vos pages web. Et il le fait à chaque fois qu’un visiteur demande la page web. C’est bien le principe des sites dynamiques. Mais si vous avez de nombreux visiteurs en une courte période de temps (par exemple 100 visiteurs en une minute), le contenu de votre site sera toujours le même. Et pourtant, PHP va calculer votre code HTML 100 fois (une fois pour chaque visiteur!) et ce sera toujours le même code HTML produit. Le “cache” logiciel consiste à protéger votre site PHP derrière un écran HTML (ou “cache”).
Pour le premier visiteur, WP va calculer le code HTML et l’écrire dans un fichier. Puis pour les 99 autres, WP ne fera pas appel à PHP pour calculer le même code HTML, il va directement le lire dans le fichier sauvé. C’est plus rapide et ça économise beaucoup de ressources. Au bout d’un certain temps, WP va recalculer le fichier HTML pour mettre à jour le contenu renvoyé.
C’est le principe du cache. Et ça permet de protéger efficacement le serveur contre un pic de visite.
- Maîtriser le chargement de sa page web
Avec le web2.0 et autres fonctionnalités, les pages web contiennent beaucoup de contenu (comme les images, les animations en Flash, les vidéos, la musique…). Si le chargement de ces éléments se fait dans n’importe quel ordre, votre visiteur va avoir une page web qui peut montrer une apparence désastreuse durant son temps de téléchargement. Pour bien maîtriser l’ordre de téléchargement de votre page web, il faut utiliser plusieurs optimisations comme une bonne structure de code HTML, les feuilles de style CSS et le javascript.
A suivre….
Bulletins (RSS)