Optimisation de son site web

Lorsqu'on souhaite optimiser son site web (Joomla!® ou pas), il est assez souvent difficile de savoir par où commencer.   Vous trouverez ci-dessous la copie des slides de la conférence faite aux JoomlaDay d'Alger et de Paris; en mai 2014. Ces conférences ont été données par Simon Grange et moi-même.

La présentation commence avec des conseils de bases pour, p.ex., choisir un bon hébergement, limiter le nombre de plugins, choisir la bonne résolution des images, ... et se poursuit avec des conseils plus techniques comme l'activation du mode gzip du serveur, la spécification de la durée de vie des fichiers statiques (ETAGS), la simplification du site, ...

Avant et après chaque optimisation, nous vous conseillons d'utiliser un outil tel que GTmetrix.com ou dareboost.com, afin de pouvoir définir le "score" avant et après l'activation de telle ou telle fonctionnalité.  En effet, certaines optimisations pourraient ne pas en être : si votre site est déjà compressé au niveau du fichier .htaccess, activer une compression au niveau du template p.ex. ne ferait rien gagner et même perdre un peu de temps serveur.  

Parmis les conseils que vous trouverez : 

  1. Compression gzip (mod_deflate) côté serveur
  2. Spécification de la durée de vie des fichiers statiques
  3. Simplification de la page
  4. Minification des feuilles de styles et des fichiers javascript
  5. Compression des images (PNGGauntlet, RIOT)
  6. Réduction du nombre de requêtes, entre autre, par l'utilisation d'un CDN
  7. CSS sprites, base64, ...
  8. Fusion des CSS et javascript (JCH Optimize, JBetolo)
  9. Utilisation du cache de Joomla! ou autre (JotCache)
  10. optimisation pour les clients légers (smartphones, tablettes, ...)

Ce document ne se veut nullement exhaustif ni être une quelconque bible; juste un partage de bonnes pratiques.

  1. Télécharger


Certaines optimisations sont immédiatement disponibles depuis l'interface Premium d'aeSecure : dans ce cas, il suffit d'un clic pour l'activer; c'est le cas lorsque vous verrez en haut de page le numéro d'une fonctionnalité telle que 8.1 Tirer profit du module mod_pagespeed de Google ou encore 8.2 Active la compression côté serveur.

  1. Présentation d'aeSecure
  2. Téléchargement d'aeSecure
Back to top