Comment j'ai fait charger mon site Web Joomla en 1.29 seconde

Nous entendons depuis un certain temps que le référencement et SEO Joomla peut être affecté par le temps de chargement de votre page - nous avons donc récemment commencé un exercice intensif de chargement de notre site Web dans le minimum de temps absolu possible.

Notre conviction est que la vitesse de charge et la cote actuelles de GTMetrix sont relativement bonnes à 85% pour PageSpeed, et 95% pour YSlow Grade et un temps de chargement de 1.29 seconde, nous avons donc pensé partager comment nous l'avons fait. Certains d'entre eux sont spécifiques à Joomla, tandis que d'autres sont génériques, mais les concepts généraux s'appliquent à TOUT système de gestion de contenu et à tout site Web.

charger rapidement le site Web de joomla

Avant de commencer: exécutez votre site Web via GTMetrix ou Pingdom Tools. Prenez note de votre note actuelle et regardez-la s'améliorer. La bonne chose est que GTMetrix suit également votre historique afin que vous puissiez voir un graphique avec vos améliorations.

ÉTAPE 0: FAITES DES SAUVEGARDES COMPLÈTES - Certaines des recommandations suivantes peuvent endommager votre site. Effectuez fréquemment des sauvegardes complètes avant d'apporter des modifications.

1. Réduisez le temps de réponse du serveur

 

Réduisez le temps de réponse du serveurSi, après avoir exécuté votre site Web via GTMetrix ou PageInsights, vous constatez un long retard dans la réponse initiale, votre serveur d'hébergement partagé en souffre.

La plus grande différence que vous pouvez apporter au chargement rapide de votre site Web est d'utiliser un hôte Joomla recommandé et d'améliorer le temps de réponse du serveur. Notre service d'hébergement recommandé est InMotion, qui est ce que nous utilisons sur ce site Web.

Nous gérons ce site sur un plan InMotion VPS-3000HA-S exécutant un serveur LiteSpeed, un serveur Web de niveau entreprise qui s'est avéré plus rapide qu'Apache ou NGINX. Grâce à une telle configuration, le temps de réponse de notre serveur est généralement less plus de 0.1 secondes.

Regardez la capture d'écran ci-dessous, vous pouvez voir le temps de réponse initial de 100 ms.

collectiveray temps de réponse du serveur

Comme vous pouvez l'imaginer, il s'agit d'une configuration hautement optimisée, avec plusieurs niveaux de mise en cache, y compris la mise en cache PHP OpCode (qui rend PHP plus rapide), donc ce n'est pas votre configuration d'hébergement partagé typique.

Mais si vous êtes sérieux au sujet de la vitesse, un VPS est certainement votre premier port d'escale.

Si vous voulez un VPS à un bon prix, nous nous sommes associés à l'hébergement InMotion pour vous offrir jusqu'à 70% de réduction sur les prix VPS, consultez notre offre ci-dessous.

Cliquez ici pour la meilleure offre sur l'hébergement VPS en Septembre 2021 uniquement.

2. Fixez-vous un objectif ambitieux et fixez-vous dessus jusqu'à ce que vous l'obteniez

C'est un must absolu.

Si vous n'avez pas de cible, il est peu probable que vous continuiez à pousser. 

Vous devez vous fixer un objectif ambitieux et vous efforcer de l'atteindre AVANT de commencer à optimiser. Pour nous, notre objectif était de réduire le temps de chargement de la page d'accueil à less plus de 1.5 seconde ET obtenez au moins 85% sur les deux Pagespeed et le score YSlow sur GTMetrix. 

Notre résultat final. Temps de chargement d'un peu plus de 0.5 seconde.

temps de chargement des outils pingdom

 

Pas trop mal :)

scores de performance gtmetrix

3. Activez le cache Joomla par défaut

C'est assez simple mais c'est TRÈS efficace.

Ceci est principalement dû au fait qu'au lieu d'exécuter les mêmes requêtes à plusieurs reprises sur votre base de données, le cache stocke une copie de votre page et la sert à partir d'un fichier temporaire stocké sur le disque.

Cela facilite la charge sur votre serveur et améliore le temps de chargement général de votre serveur. Les requêtes de base de données, en particulier sur les services d'hébergement partagé, peuvent prendre un certain temps à s'exécuter, d'autant plus que les éléments de votre base de données se développent. Si votre trafic augmente également, cela signifie que votre serveur et votre base de données sont constamment soumis à une charge importante.

La mise en cache résout ce problème en éliminant la majeure partie de la charge. Les données dont votre site Web a besoin sont créées périodiquement et stockées dans un cache (c'est-à-dire stockées dans un fichier sur le serveur). La récupération de la page / des données à partir du disque, au lieu d'exécuter les requêtes à partir de la base de données, rend le temps de chargement BEAUCOUP plus rapide.

Pour activer votre cache, procédez comme suit:

Système> Configuration globale> Système

Activez la mise en cache progressive et définissez l'expiration du cache sur 60 minutes (ou plus), surtout si votre contenu ne change pas trop souvent. Vous n'avez pas besoin de la mise en cache spécifique à la plate-forme. Cela créerait différentes versions du cache pour les utilisateurs mobiles/de bureau, unless vous avez d'importants utilisateurs mobiles et de bureau.

paramètres de cache joomla

Vous pouvez le définir beaucoup plus longtemps si votre contenu change rarement, vous pouvez le voir à 240 minutes, voire plus, surtout si vous recevez beaucoup de visiteurs sur les mêmes pages.

4. Activer la compression GZIP

Cette étape garantit que le contenu que vous générez est compressé avant d'être envoyé. La logique est très simple, il en faut beaucoup less le temps de compresser et de décompresser le contenu plutôt que de transférer de gros morceaux de contenu. C'est quelque chose qui peut également être fait facilement dans Joomla 3 avec les éléments suivants :

Système> Configuration globale> Serveur 

Réglez la compression GZIP sur OUI.

paramètres de compression de page gzip

(Si vous recherchez un document complet sur l'activation de la compression GZip sur WordPress, veuillez vous reporter à cet article sur CollectiveRay)

5. Activez le plugin System - Cache

Ce plugin met en cache chaque page entière de votre site et (éventuellement) recommande à votre navigateur et cette page doit être mise en cache pendant un certain temps (c'est ce qu'on appelle la mise en cache du navigateur).

La première partie de cette étape garantit que TOUTES les pages sont mises en cache sur le serveur. Ceci est assez important, car sinon, alors que des éléments génériques tels que des menus seraient servis à partir du cache, chaque page devrait toujours être servie de manière dynamique.

C'est pourquoi nous activons ce plugin pour activer la mise en cache au niveau de la page.

Le cache du navigateur a beaucoup de sens, en particulier parce que vous n'aurez pas besoin de retélécharger certaines images et certains fichiers encore et encore. Le navigateur utilisera la copie locale et ainsi less le transfert de données est requis et vos pages se chargent donc plus rapidement.

Ceci est particulièrement efficace pour des éléments tels que le CSS et les images de votre feuille de style. Il s'agit également de la fonctionnalité standard de Joomla activée via les éléments suivants:

Extensions> Gestionnaire de plugins, rechercher Cache et permettre la Système - Plugin de cache. Vous pouvez également exclure certains éléments de menu qui doivent être non mis en cache, ou accéder aux Options avancées du plugin et exclure des URL spécifiques que vous souhaitez ne pas mettre en cache.

cache de la page système

 

6. Tirez parti de la mise en cache du navigateur au niveau du serveur

Ceci est très similaire à l'étape 5 en ce qui concerne la partie mise en cache du navigateur. Cette étape spécifique est strictement liée à la mise en cache du navigateur.

La différence est que cette étape se fait désormais au niveau du serveur. Fondamentalement, vous devrez recommander au navigateur de mettre en cache certains types de fichiers pendant une durée spécifique. Google PageSpeed ​​suggère au moins UN MOIS.

Pour ce faire, vous devrez modifier le fichier .htaccess comme suit. La valeur d'âge maximum est de 1 mois en secondes.


Ensemble d'en-têtes Cache-Control "max-age = 2592000, public"

Autres valeurs que vous voudrez peut-être prendre en compte:

1 ANNÉE:

Ensemble d'en-têtes Cache-Control "max-age = 29030400, public"

1 SEMAINE:

Ensemble d'en-têtes Cache-Control "max-age = 604800, public"

Vous pouvez également choisir de mettre en cache less ou plusieurs types de fichiers, mais les fichiers ci-dessus sont les fichiers statiques les plus courants qui peuvent et doivent être mis en cache.

Pour ceux d'entre vous qui travaillent avec WordPress, nous avons créé un guide complet sur la façon de tirer parti de la mise en cache du navigateur avec ou sans plugin sur ce guide sur CollectiveRay.

7. Installez JCH_Optimizer

Optimiseur JCH contient un nombre ÉNORME de choses recommandées par PageSpeed ​​et entraîne une énorme augmentation de votre note PageSpeed.

Le problème que vous pourriez rencontrer est que cela peut interrompre certaines fonctionnalités de votre site Web. Soyez prudent avec les options que vous activez.

Pour notre site, nous avons réussi à activer presque toutes les optimisations avec très peu d'exclusions - mais pour votre site, vous devrez peut-être jouer pendant un certain temps pour trouver les paramètres optimaux. Décrivant Optimiseur JCH est un peu au-delà de la portée de cet article, mais croyez-nous sur parole, installez et activez le plugin. Vous ne le regretterez pas. 

Ce qui suit fait partie de la description officielle:

Ce plugin combine vos fichiers JavaScript et CSS externes en un pour minimiser les requêtes http coûteuses. Ces fichiers peuvent être minifiés et compressés par gzip pour réduire la bande passante et optimiser davantage le temps de téléchargement.

8. Réduisez le contenu de votre site

C'est très important. Faites et gardez votre site absolument maigre. C'est celui sur lequel vous devriez passer le plus de temps. Nous avons passé des semaines sur cette seule étape.

Pour ce faire, vous devez vous concentrer sur autant de composants, plugins et modules que possible. Tue-les. Tuez-les avec le feu.

Chaque élément de fonctionnalité supplémentaire augmente le temps d'exécution du serveur et augmente le poids total du site.

NB: marchez prudemment ici. Effectuez des sauvegardes complètes avant de supprimer le noyau Joomla! composants, modules et plugins

Faites-le jusqu'à ce que vous vous épuisiez. Vraiment, fais ça. Supprimez TOUS les éléments que vous n'utilisez pas.

Même les choses qui sont fournies par défaut mais dont vous n'aurez pas besoin, comme

  • le modèle par défaut que vous n'utiliserez plus jamais,
  • les composants de liens Web que vous n'utilisez probablement pas,
  • les composants des fils d'actualité si vous ne les utilisez pas,
  • et TOUS les plugins que vous n'utiliserez jamais.

Désinstallez-les, pas seulement désactivez-les.

Concentrez-vous de manière obsessionnelle sur les éléments dont vous n'avez pas besoin, supprimez tous les composants supplémentaires et combinez des modules et des plugins si possible. Par exemple, pour les boutons sociaux, utilisez 1 plugin pour tout. Si vous avez du HTML personnalisé, mettez-en autant que possible dans un seul module.

  • Supprimez les catégories de forum supplémentaires et réduisez au maximum le nombre d'éléments dans vos menus.
  • Supprimez les anciens utilisateurs et l'ancien contenu.
  • Fusionnez et combinez des sections, des catégories, des menus et tout le reste si nécessaire.

Votre objectif devrait être de réduire au minimum les choses pour que votre site existe. Faites cela de manière obsessionnelle pendant plusieurs semaines. Faites une virée de suppression, hachez et supprimez, désactivez et désinstallez.

Concentrez-vous sur le fait de rendre votre site aussi maigre que possible sans rien casser.

Malheureusement, nous n'avons pas suivi les éléments que nous avons supprimés.

9. Réduisez le nombre total de demandes

Supprimez les images supplémentaires qui sont superflues.

De plus, téléchargez et hébergez une version de toutes les images qui sont servies à partir de sites Web externes à partir d'une copie sur votre site (cela réduira le nombre de recherches DNS que le navigateur de votre client devra effectuer, car celles-ci ont un impact important sur la vitesse de la page de votre site).

Analysez en détail quelles sont les demandes avec les outils de performance GTMetrix ou Pingdom. Ensuite, voyez si ces demandes sont vraiment nécessaires. S'ils ne le sont pas, supprimez-les.

Par exemple, ce script tiers que vous avez installé il y a quelques années? En avez-vous encore besoin? Et ce script Google AdSense, est-il vraiment nécessaire? Utilisez-vous toujours le pixel Facebook ou pouvez-vous le supprimer?

Nous avons tendance à nous déchaîner avec des scripts tiers, nous obtenons le syndrome de l'objet brillant et ajoutons à notre site, sans nous rendre compte que nous gonflons la taille de notre site.

Faites donc la même chose que l'étape précédente. Étudiez chaque demande que votre site envoie, voyez si elle est nécessaire et sinon tuez-la.

GTMetrix dispose également d'une fonctionnalité intéressante qui optimisera la taille de toutes vos images. Enregistrez les versions qui ont été optimisées et utilisez les versions optimisées dans votre site Web.

10. Servir le contenu d'un CAN

Les réseaux de diffusion de contenu sont des serveurs qui mettent en cache une copie des parties statiques de votre site et peuvent la servir de manière optimale et beaucoup plus rapide que votre serveur ne le pourrait jamais à vos visiteurs. Cela vous donnera un autre énorme coup de pouce à la vitesse de votre page.

Si vous ne peut pas se permettre un CDN, des sites tels que StackPath CAN ont un plan très bon marché, qui répondra aux besoins de la plupart des petits sites Web. 

StackPath commence à 20 $ / mois.

stackpath cdn

Bien que cela puisse sembler beaucoup d'argent, en particulier par rapport à l'hébergement de votre site Web, si votre site est plus rapide, l'expérience utilisateur est meilleure et vous êtes obligé d'obtenir plus de trafic organique et de stimuler l'activité de votre site Web dans son ensemble.

11. Suivez chaque recommandation sur PageSpeed, YSlow

PageSpeed ​​et YSlow ont un certain nombre de recommandations détaillées, telles que la spécification

  • un jeu de caractères par défaut
  • assurez-vous d'avoir spécifié les dimensions de l'image (spécifiez la largeur et la hauteur de chaque image sur votre site Web).

Pour tout contenu hébergé sur votre site, suivez chacun de ces éléments à la lettre.

Si vous n'avez aucune idée de ce que vous devez faire, Google est votre ami, lisez-le, comprenez-le et actionnez-le sur votre site Web. Évitez les mauvaises demandes, c'est-à-dire assurez-vous qu'il n'y a pas d'images ou de fichiers mal liés.

Certains peuvent être assez difficiles à faireless Tu sais vraiment ce que tu fais. Chargez des scripts tiers tels que Facebook, Twitter, AdSense et Google Analytics de manière asynchrone. Il existe de nombreuses optimisations assez simples que vous pouvez faire.

PS. Il peut y avoir des recommandations que vous ne pouvez pas suivre pour le contenu hébergé en dehors de votre contrôle. Par exemple, AdSense, Facebook et d'autres scripts peuvent tous être optimisés. Vous n'avez pas beaucoup de contrôle sur ces derniers. La bonne chose est que votre CDN peut également avoir des optimisations pour le contenu tiers. Sinon, ne vous inquiétez pas trop pour eux.

Si vous continuez à itérer avec des optimisations, vous devriez finalement arriver à un point où votre site devient ultra-rapide.

Laissez-nous vous aider à mieux gérer votre Joomla

Joomla

Bouton ebook gratuit de conseils Joomla

Conclusion: pourquoi avez-vous besoin de rendre votre site Web plus rapide?

Vraiment et vraiment, si vous utilisez votre site Web pour améliorer votre entreprise par le biais de ventes ou autrement, un site lent brûle littéralement un trou dans votre poche.

Les utilisateurs sont assez impatients et abandonneront votre site s'il n'est pas assez vif. Vous enverrez également, bien sûr, un signal inconscient très négatif à vos visiteurs. Voici tous les effets négatifs

  • La satisfaction client diminue de 16% s'il y a un délai d'une seconde dans la réponse de la page
  • 47% des utilisateurs s'attendent à ce qu'un site se charge dans les 2 secondes et abandonnera le site s'il prend plus de 3 secondes à se charger
  • 50% des utilisateurs ne sont pas fidèles aux sites qui se chargent lentement

Avez-vous obtenu de bons résultats avec les recommandations ci-dessus? Partagez votre expérience avec nous dans les commentaires ci-dessous!

Comment rendre votre site Web plus rapide - une dernière réflexion

Nous sommes hébergés sur InMotion parce que nous tenons à ce que notre site Web soit vraiment très rapide, et nous les recommandons parce que nous pensons vraiment que tout le monde devrait aussi - cela donnera à votre site Web un coup de pouce instantané.

En plus de charger plus rapidement, leurs serveurs sont plus sûrs et leur support est meilleur (ils ont des métriques pour prouver ces affirmations audacieuses). Pourquoi ne nous aimez-vous pas et essayer InMotion

Vous n'aurez pas à vous soucier du déplacement de votre site, ils le feront pour vous gratuitement. Nous vous garantissons que vous ne voudrez plus jamais retourner chez votre ancien hôte. Vous avez une garantie de remboursement de 90 jours, vous n'avez donc même pas à leur payer un centime si vous n'aimez pas ce que vous voyez;)

Essayez l'hébergement InMotion (47% de réduction jusqu'au Septembre 2021)

A propos de l'auteur
David Attard
Auteur: David AttardSite Web : https://www.linkedin.com/in/dattard/
David travaille dans ou autour de l'industrie en ligne / numérique depuis 18 ans. Il possède une vaste expérience dans les industries du logiciel et de la conception Web utilisant WordPress, Joomla et les niches qui les entourent. En tant que consultant numérique, son objectif est d'aider les entreprises à obtenir un avantage concurrentiel en utilisant une combinaison de leur site Web et des plates-formes numériques disponibles aujourd'hui.

Encore une chose ... Saviez-vous que les personnes qui partagent des informations utiles comme cet article ont l'air géniales aussi? ;-)
Si vous voulez, vous pouvez laisser un incontournable commentez vos pensées, puis partagez-les sur votre ou vos groupes Facebook qui trouveraient cela utile et récoltons ensemble les avantages. Merci d'avoir partagé et d'être gentil!

Divulgation: Cette page peut contenir des liens vers des sites externes pour des produits que nous aimons et que nous recommandons sans réserve. Si vous achetez des produits que nous suggérons, nous pouvons percevoir des frais de parrainage. Ces frais n'influencent pas nos recommandations et nous n'acceptons pas les paiements pour les avis positifs.
 

 

Plugin de mise en cache le mieux noté

Rendez votre site Web plus rapide 

Étape par étape - cours gratuit par e-mail, comment charger votre site Web less plus de 1 seconde  

 

qui sommes nous?

CollectiveRay est dirigé par David Attard - travaillant dans et autour du créneau de la conception de sites Web depuis plus de 12 ans, nous fournissons des conseils pratiques aux personnes qui travaillent avec et sur des sites Web. Nous gérons également DronesBuy.net - un site Web pour les amateurs de drones.

David Attard

 

 

Auteur (s) présenté sur:  Logo du magazine Inc   Logo Sitepoint   Logo CSS Tricks    logo webdesignerdepot   Logo WPMU DEV   et beaucoup plus ...