Optimisation et vitesse de votre site Joomla!

14417 vues
01 septembre 2015
Cyril
gtmetrix-pulsar

 

Comment 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).

 

 

Audit sécurité de votre site web
Gestion de contenu web : un pilier stratégique
Sauvegarde de votre site WordPress
Optimisation de la vitesse de votre site WordPress
Etude de cas pour la gestion de site WP
SEO et performance de votre site WordPress
Agence pour la gestion de votre site WordPress
Erreurs à éviter dans la gestion WP
Maintenance site Wordpress et sécurité
Législation et Conformité des Sites Web
Options d'hébergement de Sites Web
Monétisation des sites web
Arborescence optimisée SEO en 2024
Conception web : UX/UI & Accessibilité
Assurer la Fiabilité et la Sécurité de Votre Site
Data : le carburant de l'entreprise moderne
Optimisation de la gestion de contenus pour l'UX
Performances du Site Web
Sécurité des Sites Web
Amélioration de visibilité en ligne
Gestion Electronique de Documents sur mesure
Pulsar présente son expertise SEBLOD au JoomlaDay 2013
SEBLOD et J2store au JoomlaDay Israël 2017
Rédactions d'articles d'actualités pour un site web
Les nouveautés de Joomla! 4
Modifier la config Apache pour un site sur PLESK
Override joomla du template 'category' lié à un menu
Pulsar présente le projet pour la Sorbonne au JoomlaDay!
Monétisez votre workflow avec Joomla!
Super BreadCrumb for Joomla 1.5 1.6 & 1.7
Pulsar présente le JoomlaBusiness à l'AFUP
Sites multi langues mobiles avec Joomla et Seblod
Critère de correspondance pour la recherche SEBLOD
3 nouvelles extensions Joomla! de Pulsar dans la JED
Elections 2016 ... le CMS Joomla! encore
Joomla et les CCK
Référencement naturel, cocons sémantiques et Joomla!
Correctif de Pulsar dans le routeur de Joomla
Job board intégré à votre site Joomla!
Joomla! meilleur CMS PHP Open Source
Comparaison des CCKs pour Joomla!
Ajouter Cufon à votre site Joomla!:
Une agence web Joomla! au Drupagora
Import shipping pour hikashop
E-commerce avec Seblod
JCEmediabox et css js compress
Comprendre les droits et niveaux d'accès de Joomla!
Astuces PHP lazy load sous joomla seblod warp
Ajouter une icône d'édition dans une liste SEBLOD
SOBI Pro: le menu principal ne s'affiche pas
Edition front end avec Hikashop et Virtuemart
Les solutions multi sites avec Joomla!
CMS Day: Joomla pour les projets du secteur public
JoomlaDay 2015: Pulsar y était!
Developpements pour la Bibliotheque Mazarine
Fenêtre coulissante avec Joomla et Seblod
Pulsar, le JoomlaDay et Israël
com_search joomla 2.5 recherche sans accents
Workflows généralisés avec Joomla! et Seblod (partie 4)
Pulsar au JoomlaDay 2014: Chaine de production
GED Open Source simple pour les PME
Advanced module manager et page d'accueil
Virtuemart: flèches quantité ne fonctionnent pas
Pourquoi nous avons ajouté WordPress à notre offre
Soirée CMS open-source en PHP
Joomla! présent au salon AGORA CMS 2016
Pulsar sponsor du Joomladay
Workflow Joomla! évolué avec Seblod 2/4
Un nouveau routeur pour Joomla!
Personnalisation du backoffice de Joomla!
Quelles extensions choisir pour son site joomla ?
Pulsar primé pour le site de la Sorbonne
Hikashop CMCIC plugin : probleme multilangue
Workflows évolués pour Joomla! avec Seblod 1/4
Multisites, multilangues et multidevices pour la SORBONNE
Pulsar, sponsor OR du JoomlaDay 2017
Chargement Joomla avec Mootools de Google
l'AFUJ exposant au salon Open Source Summit 2015
Comprendre le stockage des données avec SEBLOD
Astuce: suppression des éléments Seblod
Plugin de cache Joomla : les images ne s'affichent pas
Tendance Webdesign Août 2016
Joomla meilleur cms open source 2011
Pulsar sponsor OR du JoomlaBusiness 2015
SEBLOD: supprimer un script à moindre coût
Plugin merge css/js pour Joomla
Développement multi sites avec Joomla et Seblod
Chasse aux bugs des templates Warp
Ajouter le bouton DOCLINK avec Jevents et SobiPro
Workflow et formulaires faciles avec Joomla! et Seblod 3/4
Paramètres hikashop des items de menu
Les avantages de Joomla! face à Drupal
Pulsar developpe la passerelle Joomla LUCENE SOLR
Pulsar au JoomlaDay Israel 2016
Pulsar présente le job board du nouveau site web Dynamique Emploi
Pulsar forme au CCK SEBLOD pour Joomla!
sh404SEF: URLs n'apparaissent pas
Supprimer les copyrights google dans Openlayers
Projets multi langues et multi sites avec Seblod
Nouveau site de Pulsar avec Seblod!
Indiegogo: contrôle de version avancé avec SEBLOD
Extensions Joomla: accessibilité, menu vertical et réseaux sociaux
Pulsar certifie ses formateurs Joomma!
Joomla 4 : professionnalisation et performance
Pulsar gagne l'appel d'offre de la Sorbonne
Les solutions e-commerce avec Joomla!
administration menu en double sur Drupal
JoomlaDay 2015: Joomla! pour les applis pro
Sommaire automatique pour Joomla
https, seo et Google analytics
Les meilleures librairies d'animation web pour 2019
L'agence Pulsar sponsorise le JoomlaDay 2015
Pulsar présente le CMS Joomla! au club STARINUX
Transformer un article en contenu SEBLOD
Joomla! fête ses 10 ans!
Pulsar présente JOOMLA à AGORA CMS
Joomla! à nouveau élu meilleur CMS 2017
Entrées grisées avec la mention [extrait] dans DOCMAN
Bien rédiger un article dans votre intranet
Pulsar et Joomla pour les sites évolués au JoomlaDay 2014