Comment améliorer votre environnement Joomla! Vitesse

Nous savons que la vitesse est l’un des facteurs les plus importants pour le succès de votre site web. Par défaut, Joomla! n’est pas lent, mais vous pouvez faire beaucoup pour l’optimiser et obtenir une grande vitesse pour votre site. Vous trouverez ici les actions les plus essentielles que vous pouvez prendre pour accélérer votre développement Joomla! site web.

Gardez Joomla! et ses extensions Mise à jour

Avoir la dernière version de Joomla! est important pour la vitesse de votre site car dans chaque version il y a plusieurs améliorations de code. Même si les changements sont minimes, la nouvelle version de Joomla! Les versions fonctionnent généralement mieux que les précédentes. Pour plus d’informations sur la mise à jour de Joomla! vers la dernière version, consultez Joomla! Tutoriel de mise à jour. Gardez votre Joomla! La mise à jour des extensions est aussi importante pour la vitesse de votre site web que l’extension Joomla! lui-même. Pour plus d’informations sur la façon de garder votre Joomla! À jour, consultez notre tutoriel sur Comment mettre à jour Joomla! Extensions.

Activer Joomla! Mise en cache

Joomla! 4

Si le cache n’est pas activé, chaque fois que vos visiteurs chargent une de vos pages, Joomla! 4 doit faire plusieurs choses – récupérer le contenu de sa base de données, charger tous les greffons, composants et modules que vous avez installés, charger votre fichier modèle et combiner tout cela en une seule page. Inutile de dire que ce processus prend du temps. C’est ici que l’interface interne de Joomla! 4 système de cache vient en aide. Lorsque vous activez le cache, la première fois que quelqu’un charge votre page, le résultat des actions mentionnées ci-dessus est stocké. Ensuite, tous les visiteurs suivants obtiendront directement la version stockée de cette page comme s’il s’agissait d’un simple fichier HTML qui est beaucoup plus léger et se charge plus rapidement. C’est pourquoi la mise en cache est l’une des choses les plus importantes à activer pour avoir un Joomla! 4 sites. Pour activer le Joomla! 4, allez à Système> Configuration globale .

Ensuite, cliquez sur l’onglet System pour accéder aux paramètres de mise en cache.

Sur la partie droite de cette page, vous trouverez les Cache Settings . Trouvez l’étiquette Cache et cliquez sur la liste déroulante à côté. Dans la liste, vous devez sélectionner l’option ON – Conserver le cache . L’autre option disponible – Mise en cache progressive fonctionne un peu différemment – elle stocke une version en cache de votre site pour chacun de vos visiteurs. Elle est utile dans certains cas particuliers et nous vous déconseillons de l’utiliser à moins d’être absolument sûr d’avoir besoin d’une telle mise en cache.

Une fois que vous avez défini la mise en cache à Mise en cache conservatrice , cliquez sur Enregistrer en haut de la page.

Il y a une dernière étape que vous devez faire avant que Joomla! 4 système de mise en cache commence réellement à fonctionner – pour activer Système – Page Cache core Joomla! 4 modules externes. Pour ce faire, allez à Système -> Gérer -> Extensions .

Vous verrez ici une grande liste de toutes les extensions, actuellement installées dans votre navigateur Joomla! application. La façon la plus simple de localiser le module de mise en cache est d’utiliser le champ de recherche. Saisissez simplement cache et cliquez sur le bouton loupe à côté du champ de recherche.

Une fois cela fait, vous verrez le greffon System – Page Cache et un bouton en forme de croix indiquant que le greffon est désactivé. Pour changer son état en activé appuyez sur le bouton croix.

Enfin, le bouton d’état à côté du greffon de mise en cache devient vert et un message s’affiche, indiquant que le greffon a été activé avec succès.

Ça y est ! Votre compte Joomla! Le système de cache est maintenant activé et fonctionnel !

Joomla! 3

Si le cache n’est pas activé, chaque fois que vos visiteurs chargent une de vos pages, Joomla! 3.x doit faire plusieurs choses – récupérer le contenu de sa base de données, charger tous les greffons, composants et modules que vous avez installés, charger votre fichier modèle et combiner tout cela en une seule page. Inutile de dire que ce processus prend du temps. C’est ici que l’interface interne de Joomla! Le système de cache 3.x vient en aide. Lorsque vous activez le cache, la première fois que quelqu’un charge votre page, le résultat des actions mentionnées ci-dessus est stocké. Ensuite, tous les visiteurs suivants obtiendront directement la version stockée de cette page comme s’il s’agissait d’un simple fichier HTML qui est beaucoup plus léger et se charge plus rapidement. C’est pourquoi la mise en cache est l’une des choses les plus importantes à activer pour avoir un Joomla! 3.x. Pour activer le Joomla! 3.x, allez à Système> Configuration globale .

Ensuite, cliquez sur l’onglet Système pour accéder aux paramètres de mise en cache.

Sur la partie droite de cette page, vous trouverez le fichier Cache Settings . Trouvez l’étiquette Cache et cliquez sur la liste déroulante située à côté. Dans la liste, vous devez sélectionner l’option ON – Conservative caching . L’autre option disponible – La mise en cache progressive fonctionne un peu différemment – elle stocke une version de votre site en cache pour chacun de vos visiteurs. Elle est utile dans certains cas particuliers et nous vous déconseillons de l’utiliser à moins d’être absolument sûr d’avoir besoin d’une telle mise en cache.

Une fois que vous avez configuré le cache à Conserver le cache , cliquez sur Enregistrer en haut de la page.

Il y a une dernière étape que vous devez faire avant que Joomla! Le système de mise en cache de la version 3.x commence à fonctionner – pour activer le noyau Joomla! 3 plugin. Pour ce faire, allez à Extensions> Modules externes .

Vous verrez ici une grande liste de tous les greffons, actuellement installés dans votre environnement Joomla! 3.x. La façon la plus simple de localiser le module de mise en cache est d’utiliser le champ de recherche. Il suffit de saisir cache et d’appuyer sur le bouton de la loupe à côté du champ de recherche.

Une fois cela fait, vous verrez le greffon System – Page Cache et une croix rouge à côté de lui indiquant que le greffon est désactivé. Pour changer son état en activé, appuyez sur le bouton rouge.

Enfin, le bouton d’état à côté du greffon de mise en cache devient vert et un message s’affiche, indiquant que le greffon a été activé avec succès.

Ça y est ! Votre compte Joomla! Le système de cache 3.x est maintenant activé et fonctionnel !

Activer Joomla! Compression

Une autre chose qui va grandement améliorer les performances de votre environnement Joomla! site web est compressé. Si vous activez le Joomla! système de compression, la page que vos visiteurs vont télécharger sera compressée avant de leur être transférée. Lorsque la taille de votre page web est réduite par la compression, elle se charge beaucoup plus rapidement.

Joomla! 4

Pour activer le Joomla! 4, accédez à votre zone d’administration et allez dans Système> Configuration globale .

Sur cette page, vous verrez de nombreux paramètres. Cliquez sur l’onglet Serveur pour afficher les options relatives au serveur que vous pouvez modifier.

Ici, localisez le label Gzip Page Compression et appuyez sur Yes à côté pour activer la compression Gzip pour Joomla! 4.

Vous remarquerez que l’indicateur devient vert, indiquant que la compression est activée. Enfin, cliquez sur le bouton Enregistrer en haut à gauche de la page pour valider vos modifications.

Joomla! 3

Pour activer le Joomla! 3.x, accédez à votre zone d’administration et allez dans Système> Configuration globale .

Sur cette page, vous verrez de nombreux paramètres. Cliquez sur l’onglet Server pour afficher les options relatives au serveur que vous pouvez modifier.

Ici, recherchez l’étiquette Compression de pages Gzip et appuyez sur Oui à côté pour activer la compression Gzip pour Joomla! 3.x.

Vous remarquerez que l’indicateur devient vert, indiquant que la compression est activée. Enfin, appuyez sur Enregistrer en haut à gauche de la page pour valider vos modifications.

Ça y est, la compression de votre fichier Joomla! 3 est activé.

Ajout des règles d’optimisation .htaccess

Les fichiers htaccess gèrent la façon dont vos serveurs web traitent votre site. Il y a quelques règles que vous pouvez ajouter à la fin du fichier .htaccess et qui amélioreront les performances de votre environnement Joomla! site:

• ETag – indique aux navigateurs quand une image a déjà été téléchargée et peut être récupérée depuis le cache local du navigateur au lieu du serveur;
• Expire les en-têtes – similaire à ETag mais vous permet de définir des délais d’expiration différents pour différents types de fichiers;
• AddOutputFilterByType DEFLATE – réduit le code source de vos fichiers HTML compilés en supprimant les lignes vides, les sauts et les espaces

 ########## Début - Optimisation des ETag
## Cette règle créera un ETag pour les fichiers uniquement en fonction de la modification
## timestamp et leur taille.
## Remarque: cela peut causer des problèmes sur votre serveur et vous devrez peut-être le supprimer
Taille de FileETag MTime
# AddOutputFilterByType est maintenant obsolète par Apache. Utiliser mod_filter à l'avenir.
AddOutputFilterByType DEFLATE text/plain text/html text/xml text/css application/xml application/xhtml+xml application/rss+xml application/javascript application/x-javascript
# Activer le contrôle d’expiration
ExpireActif le
# Expiration par défaut: 1 heure après la requête
ExpirePar défaut « maintenant plus 1 heure »
# CSS et JS expirent: 1 semaine après la requête
ExpiresByType text/css « maintenant plus 1 semaine »
ExpiresByType application/javascript « maintenant plus 1 semaine »
ExpiresByType application/x-javascript « maintenant plus 1 semaine »
Expiration du nombre de fichiers images: 1 mois après la demande
ExpiresByType image/bmp « maintenant plus 1 mois »
ExpiresByType image/gif « Maintenant plus 1 mois »
ExpiresByType image/jpeg « maintenant plus 1 mois »
ExpiresByType image/jp2 « maintenant plus 1 mois »
ExpiresByType image/pipeg « maintenant plus 1 mois »
ExpiresByType image/png « maintenant plus 1 mois »
ExpiresByType image/svg+xml « maintenant plus 1 mois »
ExpiresByType image/tiff « maintenant plus 1 mois »
ExpiresByType image/vnd.microsoft.icon « maintenant plus 1 mois »
ExpiresByType image/x-icon « maintenant plus 1 mois »
ExpiresByType image/ico « maintenant plus 1 mois »
Image/icône ExpiresByType « maintenant plus 1 mois »
ExpiresByType text/ico « maintenant plus 1 mois »
ExpiresByType application/ico « maintenant plus 1 mois »
ExpiresByType image/vnd.wap.wbmp « maintenant plus 1 mois »
ExpiresByType application/vnd.wap.wbxml « maintenant plus 1 mois »
ExpiresByType application/smil « maintenant plus 1 mois »
Nombre de fichiers audio expiré: 1 mois après la demande
ExpiresByType audio/de base « maintenant plus 1 mois »
ExpiresByType audio/mid « maintenant plus 1 mois »
ExpiresByType audio/midi « maintenant plus 1 mois »
ExpiresByType audio/mpeg « maintenant plus 1 mois »
ExpiresByType audio/x-aiff « maintenant plus 1 mois »
ExpiresByType audio/x-mpegurl « maintenant plus 1 mois »
ExpiresByType audio/x-pn-realaudio « maintenant plus 1 mois »
ExpiresByType audio/x-wav « maintenant plus 1 mois »
Nombre de fichiers vidéo expiré: 1 mois après la demande
ExpiresByType application/x-shockwave-flash « maintenant plus 1 mois »
ExpiresByType x-world/x-vrml « maintenant plus 1 mois »
ExpiresByType video/x-msvideo « maintenant plus 1 mois »
ExpiresByType video/mpeg « maintenant plus 1 mois »
ExpiresByType video/mp4 « maintenant plus 1 mois »
ExpiresByType vidéo/durée rapide « maintenant plus 1 mois »
Expire parType video/x-la-asf « maintenant plus 1 mois »
Expire parType video/x-ms-asf « maintenant plus 1 mois »

Réduire la taille de vos images

Les images sont une partie importante de votre site web. Dans la plupart des cas, les images peuvent être optimisées. Vous devez suivre plusieurs conseils lorsque vous utilisez des images dans vos pages:

• N’utilisez jamais de grandes photos pour les redimensionner en utilisant HTML – le navigateur met du temps à redimensionner les images et elles ont un rendu pire que l’original;
• Optimisez toujours vos images. Des applications comme Adobe Photoshop et des services en ligne comme Smush It, par exemple, offrent des outils faciles à utiliser qui réduiront la taille de vos images sans altérer considérablement leur qualité.
• Ne pas ajouter trop d’images sur une même page. Si vous avez un article avec beaucoup de photos, par exemple, essayez de le diviser en pages.

Supprimer les extensions non utilisées et non optimisées

Chaque application Joomla! L’extension que vous ajoutez à votre site web nécessite des ressources système, une base de données et de l’espace disque pour fonctionner. Avoir de nombreuses extensions augmentera la taille globale de votre site web et le ralentira. C’est pourquoi il est important de vous assurer que seules les extensions que vous utilisez réellement sont installées sur votre ordinateur Joomla! site. Les gens testent souvent différents greffons, composants et modules et oublient de les supprimer une fois qu’ils ont fini de travailler avec. C’est une bonne idée de faire un nettoyage de ces extensions de temps en temps juste pour s’assurer qu’il n’y a pas de contenu inutile ajouté à votre site. Enfin et surtout, lorsque vous choisissez les meilleures extensions pour les fonctionnalités que vous souhaitez ajouter à votre site Joomla! , vérifiez toujours les avis des utilisateurs concernant la charge qu’il crée. Certains composants sont mal écrits et peuvent affecter les performances de l’ensemble de votre site.

Utiliser les extensions d’optimisation

Il existe de nombreuses extensions qui tentent d’améliorer les performances de votre environnement Joomla! site web. Au cours des années d’expérience, nous avons accumulé en travaillant avec Joomla! sites, il y en a peu que nous pouvons recommander:

• JCH Optimize: combine JavaScript etamp; CSS, combine des images en images-objets, réduit et compresse JavaScript ;
• Nettoyeur de cache – nettoie facilement le cache de l’application Joomla! panneau d’administration.