Newsroom

Optimisation et vitesse de votre site Joomla!

gtmetrix pulsarComment le site de Pulsar a obtenu sa note A pour l'indice Google PageSpeed!

 Vu lors de nos formations sur l'optimisation pour le référencement de votre site Joomla!

Nous vous livrons ici la méthodologie que nous avons suivi pour optimiser le site de l'agence web Joomla! Pulsar pour un affichage rapide sur PC et supports mobiles. 

Nous avons mis en oeuvre les grandes lignes suivantes:

  • Architecture minimaliste (CMS Joomla! / SEBLOD / Framework de template WARP) avec quasiment aucune extension. Une architecture légère est la base de toute optimisation. 
  • Activer la mise en cache de joomla (mettre cache progessif) si il n'y a pas de cache serveur, sinon désactiver le cache Joomla et se reposer sur un APC ou MEMCACHED
  • Activer la compressions Gzip de Joomla!
  • Ne PAS activer la compression du template WARP maximale (Minify + Data URLs + Gzip) si vous utilisez un plugin de compression général comme JCH Optimize PRO. Dans le cas contraire il faut activer la compression Warp
  • Ajouter des règles d'optimisation dans le fichier racine .htaccess (EXPIRES, ETag, Deflat, Gzip)  :
  • Réduire la taille des images (Photoshop) avec le bon choix selon les cas en GIF (schémas, logotypes, symboles), JPEG (photos), PNG8 (transparence binaire), PNG24 (transparence en degradé)
  • Ne pas utiliser de GIF pour les images dont on va faire des vignettes car SEBLOD ne les compresse pas (utilisez plutôt des JPG et PNG)
  • Avec les champs image de SEBLOD, toujours préciser dans le typo IMAGE la taille des vignettes et ne pas laisser sur automatique pour que les balises width et height soient toujours présentes
  • Préciser dans les options générales de SEBLOD une qualité minimale visuellement acceptable pour la génération des vignettes PNG et JPG
  • Utilisez des extensions tierces de joomla pour l’optimisation comme JCH Optimize Pro
    • penser à remetre le plugin system SEBLOD en premier après l'installation de JCH Optimize Pro
    • réglage général à 'optimum'
    • HTML Minification level = advanced
    • Essayer ensuite toutes les options et voir si cela casse le site
      • fusion des scripts css et js
      • ordre des plugins
      • générateur de sprites
      • calculs des attributs width et height des images
      • chargement progressif des images (lazyload)
      • ordre chargement css selon la ligne de flottaison
      • optimisation des images 
  • tester la page d'accueil et vos pages cibles pour le référencement avec Google Speed Insight et GTMetrix
  • Suivre pas à pas les recommandations de ces deux outils en commençant par les plus importantes (du haut vers le bas)
  • Ne pas utiliser d'import CSS (pour les polices par exemple) mais mettre directement le contenu de l'url importée dans votre fichier CSS (theme.css)
  • Nettoyer tous les liens indirects publicitaires souvent arrivés avec une extension peu scrupuleuse qui vit de ses liens sponsorisés.

pagespeed pulsar On remarquera la puissance des outils d'analyse GSpeed et GTMetrix qui donnent précisément la liste des actions à réaliser pour optimiser l'affichage de vos pages.

La première étape de l'optimisation consiste à suivre les grandes lignes de cette méthodologie mais la seconde étape correspond à appliquer ligne à ligne les recommandations pondérées des outils d'analyse.

Ce travail d'optimisation est d'autant plus aisé que l'architecture technique est simplifiée (avec le CCK qui remplace beaucoup d'extensions).

 

 

 

Commentaires 4

Guest - Stephan Herby

(website) le mardi 1 septembre 2015 18:44

Merci pour ce sérieux Tuto sur l'optimisation d'un Joomla/Seblod. C'est vraiment chouette de votre part.
par contre j'ai certains de mes sites Joomla/Seblod qui rencontre des problème lors de l'activation de la cache progressive, ce n'est pas votre cas ? Si oui, avez-vous une idée pour conourner ce problème ?

Merci pour ce sérieux Tuto sur l'optimisation d'un Joomla/Seblod. C'est vraiment chouette de votre part. par contre j'ai certains de mes sites Joomla/Seblod qui rencontre des problème lors de l'activation de la cache progressive, ce n'est pas votre cas ? Si oui, avez-vous une idée pour conourner ce problème ?

cyril, directeur de Pulsar

(website) le mardi 1 septembre 2015 20:56

Bonsoir
Merci pour votre commentaire. Nous n'utilisons pas le cache de Joomla mais des caches serveurs (APC, memcached...) plus fiables.

Bonsoir Merci pour votre commentaire. Nous n'utilisons pas le cache de Joomla mais des caches serveurs (APC, memcached...) plus fiables.

Guest - daneel

le mercredi 2 septembre 2015 09:28

Bonjour,

Chaque site joomla peut obtenir cette note à condition d'effectuer ce travail d'optimisation. Toutefois, ce n'est pas précisé mais le choix du type d’hébergement a également son importance.

Les préchargements (ex: dns prefetch) sont une solution pour gérer les fichiers externes, ce n'est pas pris en compte dans votre optimisation et vous fait descendre à B pour Yslow.

Evitons les amalgames, les extensions et templates "gratuits" comportent parfois une ligne d'indication pour se faire connaître, ce n'est pas toujours des "extensions scrupuleuses"... il est préférable de financer en choisissant une offre payante avec support qui permet de desactiver ces liens.

Enfin l'utilisation de chaque éléments d'optimisation (y compris l'extension jch optimise) ne doivent pas être prises à la légère et on peut causer plus de problèmes que de solutions.
A manipuler avec précaution !

Bonjour, Chaque site joomla peut obtenir cette note à condition d'effectuer ce travail d'optimisation. Toutefois, ce n'est pas précisé mais le choix du type d’hébergement a également son importance. Les préchargements (ex: dns prefetch) sont une solution pour gérer les fichiers externes, ce n'est pas pris en compte dans votre optimisation et vous fait descendre à B pour Yslow. Evitons les amalgames, les extensions et templates "gratuits" comportent parfois une ligne d'indication pour se faire connaître, ce n'est pas toujours des "extensions scrupuleuses"... il est préférable de financer en choisissant une offre payante avec support qui permet de desactiver ces liens. Enfin l'utilisation de chaque éléments d'optimisation (y compris l'extension jch optimise) ne doivent pas être prises à la légère et on peut causer plus de problèmes que de solutions. A manipuler avec précaution !

cyril, directeur de Pulsar

(website) le jeudi 3 septembre 2015 14:52

Merci Yann pour ton commentaire. Bien sûr qu'il faut faire attention avec des composants comme jch optimize, il faut tester chaque page pour trouver le bon réglage. Mais ce genre d'outils peut faire gagner beaucoup de temps.

Pour le DNS Prefetch il faut que je regarde, merci du conseil!

Merci Yann pour ton commentaire. Bien sûr qu'il faut faire attention avec des composants comme jch optimize, il faut tester chaque page pour trouver le bon réglage. Mais ce genre d'outils peut faire gagner beaucoup de temps. Pour le DNS Prefetch il faut que je regarde, merci du conseil!
Pas encore de commentaire
avatar du commentateur
Guest
mardi 21 septembre 2021

Image Captcha

captcha

By accepting you will be accessing a service provided by a third-party external to https://www.pulsar-agency.com/