1 1 1 1 1 Rating 5.00 (8 Votes)

Bonsoir, après avoir mis du temps à optimiser notre site Joomla, j’ai décidé de faire ce petit article pour vous passer nos astuces, pour savoir comment optimiser réellement un site de ce type, et ainsi promouvoir notre CMS préféré, sans lequel ce site n’existerait tout simplement pas... Du reste, vous devez savoir que la vitesse de chargement de votre site influe grandement sur son classement dans les moteurs de recherche. Google recommande une vitesse de chargement de 600ms, je vous avouerai que je n’y suis jamais arrivé, mais nous avons tout fait pour nous en approcher. Vous avez différents services sur internet qui vous permettent de mesurer la vitesse de chargement de votre site. Je vous recommande de les tester pour savoir les gains que vous auriez gagné avec les diverses modifications que nous allons vous présenter. Chaque site vous propose des recommandations, pour optimiser votre contenu. Le premier est bien sûr Page Speed Insigths de Google, le second est GT Metrix qui est très complet, le plus réaliste à mon sens, et aussi, le plus précieux est Web Page Speed Test. Pour avoir une vue rapide Pingdom Tool et son mode cascade synthétique est aussi très utile pour identifier les ressources qui prennent le plus de temps à se charger. Dans tous les cas de figures choisissez bien le pays d’où vous lancer le test.

Speedtest

Tout d’abord il faut commencer par le commencement, vous avez en racine de votre site web un fichier qui s’appelle, .htaccess ce dernier contient certaines directives pour le fonctionnement de votre serveur, et on peut notamment y indiquer les temps de mise en cache des fichiers par type, ainsi que la compression des échanges entre votre serveur et les clients web. Aussi on ne perdra pas de temps vous avez des tonnes d’informations sur internet pour les expires headers, voici donc notre section consacrée à cette dernière, ceci afin d’avoir un temps d’échange minimal entre le client et le serveur.

 

RewriteEngine on

# MOD_DEFLATE COMPRESSION
SetOutputFilter DEFLATE
AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml application/x-javascript application/x-httpd-php
#Pour les navigateurs incompatibles
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html
#ne pas mettre en cache si ces fichiers le sont déjà
SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png)$ no-gzip
#les proxies doivent donner le bon contenu
Header append Vary User-Agent env=!dont-vary


# BEGIN Expire headers

<IfModule mod_expires.c>
 ExpiresActive On
 ExpiresDefault "access plus 3024000 seconds"
 ExpiresByType image/jpg "access plus 3024000 seconds"
 ExpiresByType image/jpeg "access plus 3024000 seconds"
 ExpiresByType image/png "access plus 3024000 seconds"
 ExpiresByType image/gif "access plus 3024000 seconds"
 AddType image/x-icon .ico
 ExpiresByType image/ico "access plus 3024000 seconds"
 ExpiresByType image/icon "access plus 3024000 seconds"
 ExpiresByType image/x-icon "access plus 3024000 seconds"
 ExpiresByType text/css "access plus 3024000 seconds"
 ExpiresByType text/javascript "access plus 3024000 seconds"
 ExpiresByType text/html "access plus 3024000 seconds"
 ExpiresByType application/xhtml+xml "access plus 3024000 seconds"
 ExpiresByType application/javascript A259200
 ExpiresByType application/x-javascript "access plus 3024000 seconds"
 ExpiresByType application/x-shockwave-flash "access plus 3024000 seconds"
</IfModule>


# END Expire headers

# BEGIN Cache-Control Headers

<IfModule mod_headers.c>
 <FilesMatch "\\.(ico|jpe?g|png|gif|swf|gz|ttf)$">
 Header set Cache-Control "max-age=3024000, public"
 </FilesMatch>
 <FilesMatch "\\.(css)$">
 Header set Cache-Control "max-age=3024000, private"
 </FilesMatch>
 <FilesMatch "\\.(js)$">
 Header set Cache-Control "max-age=3024000, private"
 </FilesMatch>
<filesMatch "\\.(html|htm)$">
Header set Cache-Control "max-age=3024000, private, must-revalidate"
</filesMatch>

 

# Disable caching for scripts and other dynamic files
 

<FilesMatch "\.(pl|php|cgi|spl|scgi|fcgi)$">
Header unset Cache-Control
</FilesMatch>
</IfModule>

 

# END Cache-Control Headers

# KILL THEM ETAGS
 

Header unset ETag
FileETag none

Ensuite vous avez certaines configurations à faire dans le panneau de configuration de Joomla, les bonnes conduites à prendre pour le SEO étant d’indiquer la réécriture des URL en clair (Search Engine Friendly) et la réécriture au vol des URL, éviter aussi d’inclure le nom de votre site dans les titres, car cela vous ôtes de la place dans ces derniers dont la taille doit être limitée. Afin d'optimiser au mieux le système de cache de Joomla nous allons le modifier à deux niveau, premièrement il faut demander à votre hébergeur d'installer Memcached sur votre serveur, et ensuite l'indiquer dans votre configuration. Puis nous allons aussi utiliser un système de cache de second niveau beaucoup plus performant que le plug-in système de cache de Joomla, ce dernier s'appelle Jot Cache et s'appuira aussi sur Memcached plutôt que le système de fichier (certains paramètres des captures d'écrans sont tout bonnement effacés pour ne pas compromettre notre sécurité).

Voici un exemple de notre configuration.

Config Joomla 0 3
Config 1/3 - Cliquer sur l'image pour l'agrandir
 
Config Mem Cache
Config 2/3 - Cliquer sur l'image pour l'agrandir
 
Config Joomla 2 3
Config 3/3 - Cliquer sur l'image pour l'agrandir

La première chose à faire est de limiter le nombre de modules et de plug-in que vous chargez sur votre page de garde ainsi que sur toutes vos pages, chaque module et plug-in, prend un temps de chargement qui peut être important. Aussi, nous sommes souvent tentés de rajouter tels effets, telles images, mais cela a un impact sur le temps de chargement, et si vous voulez de la performance, il va falloir faire des choix. Bien sûr, avec les outils que nous vous avons indiqués précédemment vous serez en mesure de calculer l’impact de chacun des modules que vous désirez afficher. Le temps de chargement le plus important consiste dans les images, c’est pour cela qu’il est important d’optimiser ces dernières, les autres ressources telles que les fichiers CSS et JavaScript ont aussi un impact, et il faudra les optimiser. Sachez que j’ai dû le faire « manuellement », mais nous allons vous conseiller des extensions qui le feront pour vous, car chaque kilo-octet qui transite entre votre serveur et vos clients web a son importance.

Aussi pour optimiser vos images, et ceci de façon quasi automatique, nous vous conseillons Image Recycle, le composant peut avoir certains bugs, et le quota de page à optimiser est payant, sachez que la sauvegarde automatique des images optimisées a buggé chez moi, le traitement par lot aussi, car nous avons plus de 32.000 images. Mais le cron job a fonctionné, et nous avons ainsi pu optimiser toutes nos images, à l’heure où j’écris ces lignes nous avons remonté les informations de bug à l’éditeur, aussi peut-être qu’il aura corrigé son logiciel. Mais quoi qu’il en soit, si vous avez peu d’images vous pourrez les optimiser facilement.

N’oubliez pas (jamais) de sauvegarder votre site, des hébergeurs comme le nôtre (Infomaniak) font des backups de vos sites web tous les jours, aussi il est facile de redéployer un backup en 15 min, mais on n’est jamais mieux servi que par soi-même, aussi nous vous conseillons de doubler vos backups et d’utiliser Akeeba Backup, ce dernier est absolument fantastique, et ses sauvegardes vous permettrons de restaurer tel ou tel fichier sans redéployer l’intégralité d’un backup. Sauvegardez donc votre site web tous les jours, voir plusieurs fois par jour pour avoir les différentes versions, et pensez aussi à sauvegarder régulièrement dans un répertoire de votre disque dur la racine de votre site web, si vous faites telle ou telle modification sur vos fichiers, il est toujours utile d’avoir un backup daté de ces derniers.

Image Recycle
Image Recycle - Cliquer sur l'image pour l'agrandir
 
De nos jours il est aussi recommandé d'utiliser maintenant les formats de nouvelle génération de type Jpeg 2000, ou Webp.
Et j'ai découvert récemment un module dénommé DJ-Webp qui permet de transformer 'à la volée' toutes les images .jpg/.png en Webp. Google Page Speed insight devrait vous en remercier, car le poids des images est plus petit et en plus vous pouvez choisir le degré de compression de ces dernières pour encore plus les allégées. (Ndlr. Test non concluant au final mais ça reste une option)
 
Voici nos réglages DJ Webp :
 
DJ Webp 1
DJ Webp 1/2 - Cliquez sur l'image pour l'agrandir
 
Djwebp 2
DJ Webp 2/2 - Cliquez sur l'image pour l'agrandir

Voilà s'en est fini pour les images.... ; ))))

Mais Comme je vous l’ai dit pour optimiser complètement votre site joomla vous devez aussi optimiser, merger et compresser vos fichiers CSS et JavaScript. Et comme je vous l’ai indiqué précédemment, il fut un temps où j’ai dû le faire à la main, et Page Speed insigths de Google est d’un grande aide pour cela. Puisque, après un test, il vous propose de télécharger les ressources de votre site web en version optimisées, à vous de remplacer un à un les fichiers sur votre serveur par ceux proposés par Google. Du reste, même en ayant optimisé vos fichiers pour pouvez vérifier le bon fonctionnement de votre optimisation via ce dernier. Sachez toutefois que certains fichiers ne peuvent pas être optimisés, parce qu’ils sont sur des sites distants, ou sont réfractaires. Vous devez aussi faire attention en optimisant ces derniers, car vous pouvez avoir des effets de bord visuel, ou de fonctionnement, en les améliorant. Encore une fois, les backups sont importants ; ))). Pour optimiser vos ressources, il existe un soft qui est payant, mais il est disponible dans une version limitée gratuitement, c’est JCH optimize, il est vraiment précieux et fournit une tonne d’optimisations que vous pouvez tester à loisir. Il a même des fonctions très faciles d’utilisation.

Alors une fois que vous aurez testé votre site, vous aurez les valeurs de référence que vous devrez vérifier après CHAQUE modification, pour voir si elle a impacté positivement ou négativement votre vitesse.

Une fois ceci fait et après l'installation du plugin (on ne se consacrera ici qu'à la version PRO)

Sur le premier écran vous avez toutes les fonctionnalités, mais je vous conseille de les désactiver au début, aussi le mieux est de tout désactiver et de tester les optimisations minimales, pour voir déjà comment 'répond' votre site,

voici un exemple de démarrage de config :

JCH Optimize Defaut
JCH Optimize PRO - Cliquer sur l'image pour l'agrandir

Une fois ceci fait à vous de tester d'activer les options de minification HTML 'HTML minification Level' et 'Combined files delivery' vous montez en qualité petit à petit, et vous testez, vous testez...

Ensuite idem le niveau d'optimisation globale, à vous de passer les niveaux, Intermediate, Average, Deluxe, Premium et le tant convoité Optimum.

Alors là je vous dis, il va falloir être patient, parce qu'il y a peu de chance que ça se passe sans soucis.

Voyez par exemple sur Crashdebug.fr et mode optimum (en fait bien avant) nous avons un défaut d'affichage avec les options activées, alors cela peut être un module, un plug in, ou comme dans le cas présent un bête fichier CSS.

Mais ce n'est pas esthétique...

Alors il va vous falloir plonger dans les entrailles de votre site, et plus particulièrement de votre template (où toute autres extensions)

FTP Template Ok
FileZilla - Cliquer sur l'image pour l'agrandir

Et tenter de trouver les fichier CSS ou Javascript qui vous posent soucis, et les intégrer dans la fonction exclude de JCH Optimize PRO, et c'est là que c'est délicat, car quand vous essayez de renter le fichier à exclure JCH vous propose toute une série de fichiers susceptibles d'être à l'origine du problème.

Doc du plug in :

Ces paramètres sont utilisés pour exclure des fichiers individuels, ou des fichiers d'extensions sélectionnées, tout en maintenant l'ordre d'exécution original des codes sur la page afin de s'assurer que la page ne se casse pas. Le fichier combiné se divisera autour des fichiers exclus afin de préserver l'ordre et de garantir qu'aucune dépendance avec d'autres fichiers/scripts combinés ne soit rompue. Si vous ne voyez pas les fichiers ou les extensions que vous souhaitez exclure dans la liste déroulante, ajoutez manuellement les fichiers ou les extensions à la liste. Pour ajouter un fichier à la liste manuellement, tapez l'url dans la zone de texte et cliquez sur le bouton "Ajouter un élément".

Aussi il vous faudra du temps et de la patience, je vous conseille de faire cela 'chirurgicalement' en identifiant les fichiers (CSS ou plus bas Javascript) via le FTP ou avec les outils de test de vitesse que l'on vous a cités plus haut.

Ensuite vous les indiquez dans le champ d'exclusion en tapant les premières lettres du fichier, il devrait s'auto-compléter.

Selection Template Jch
JCH Optimize Pro - Cliquer sur l'image pour l'agrandir

Mais vous pouvez aussi faire mode 'bourrin' en excluant tout et en les désélectionnant après un à un, jusqu'à constater le défaut.

Cependant je vous le dis, il vous faudra du temps. Mais ça en vaut largement le coup, n'oubliez pas que votre score SEO est très fortement corrélé à la vitesse de votre site, Google parle de 600 millisecondes de temps de chargement, ce qui est impossible, mais est possible en 'données' brutes dans le temps de réponse du serveur sur Google Webmaster Tool (nous sommes à 280 ms).

Cependant je pense qu'il ne faut pas monter au dessus de 2sec.

Aussi c'est pourquoi il faut tester toutes les options de JCH optimize PRO, certaines seront bénéfiques d'autres non.

Une fois que vous aurez identifié le ou les fautifs vous pouvez commencer à creuser les autres options du module avec les options 'basic'.

On trouve ici le fameux module Sprite, dont je me demandais l'utilité car je sais que c'est connu, mais le gain de vitesse est assez ridicule.

JCH Sprite
JCH Optimize PRO - Cliquer sur l'image pour l'agrandir

Mais regardez ce qu'en dit GT METRIX, donc rien n'est à laisser.

Conbine Image JCH
GT METRIX - Cliquer sur l'image pour l'agrandir

Du reste dans l'écran précédent, vous avez la possibilité de rajouter les attributs ALT aux images de votre site, si vous n'avez pas d'extension chargée de ce travail, activez-le, les attributs ALT manquants ou dupliqués impactent fortement le SEO.

Ensuite vous pouvez aller sur les options avancées :

Optimisation Css
JCH Optimize PRO - Cliquer sur l'image pour l'agrandir

Vous avez le :

HTTP2/Push

Si votre serveur le permet c'est assez apprécié, ça permet de gagner sur l'entête de la page je crois, voici ce qu'en dit le plug in :

Le plugin enverra les en-têtes appropriés à votre serveur pour pousser les fichiers de ressources avant que le navigateur ne les demande. Veuillez noter que cela ne fonctionne que si http/2 est activé sur le serveur.

Donc testez si votre serveur est compatible et activer.

Ensuite vous avez le CSS :

Optimiser la fourniture de CSS

Le plugin tentera d'extraire le CSS critique nécessaire au formatage de la page au-dessus du dossier et de le placer dans un élément <style> dans la section <head> du HTML pour éviter le blocage du rendu. Le CSS combiné sera ensuite chargé de manière asynchrone via javascript. Sélectionnez le nombre d'éléments HTML en haut de la page pour lesquels vous souhaitez que le plugin trouve le CSS critique. Plus le nombre est petit, plus votre site sera rapide, mais vous risquez de voir la page sauter si le nombre est trop petit.

Par défaut le plugin prend tout les CSS mais vous pouvez les spécifier individuellement, bien sur activer l'option et l'option 'remove unused CSS'

Lazy Load Cdn
JCH Optimize PRO - Cliquer sur l'image pour l'agrandir

Lazy Load

Pour ce qui est du Lazy Load, c'est apprécié ...ou pas... en fait ça dépend de vous, ça consiste à charger les images et les iframes en tâches de fonds, ce qui permet de gagner de la bande et du temps, voici ce qu'en dit JCH :

Permet de retarder le chargement des iframes, des images et des images réactives jusqu'à ce qu'elles défilent dans la vue. Cela accélère encore le chargement de la page et réduit les demandes http.

En ce qui nous concerne c'est bien utile, cela évite de 'bloquer' le rendu, mais tout le monde n'apprécie pas, idem pour les iframe, nous en avons notamment sur la page Defcon Room à gauche, c'est une page très, très lourde à s'afficher car elle inclue de nombreux fluxs externes, et le fait de pouvoir charger l'iframe de gauche (qui n'est pas prioritaire) en tâche de fond est très bien.

Activez les effets pour l'affichage de l'image 'Enable Effects' et l'autosize 'Autosize images'

Le reste c'est du CDN, moi j'en ai testé plusieurs et en fait si votre site est bien optimisé ce ne sont que de gros cache, qui coûte un bras, et à moins d'être une grosse société présente mondialement, cela a peu d'intérêt, alors autant le gérer en local, c'est ce qu'on va voir plus tard dans ce tutorial avec Jot Cache qui est redoutablement efficace et existe en version gratuite.

Pour JCH Optimize pro, l'Onglet suivant concerne l'optimisation des images, cela peut être intéressant si vous ne l'avez pas déjà fait.

Vous faites cela par répertoire, et il s'occupe d'optimiser les images,

Pas de retour d'expérience de mon côté à ce niveau car je n'en ai pas eu besoin,

Bien sûr, il vous faudra, tester, tester, et encore tester, pour arriver à un bon résultat.

Jch Optimize Tout A Fond
JCH Optimize PRO - Cliquer sur l'image pour l'agrandir

La version gratuite du produit vous offre déjà quelques options sympas, mais pour profiter pleinement du plugin il faut la version PRO, et si vous tenez à votre site web et votre référencement pour quelques dizaines d'€uros il n'y a pas trop à tergiverser, surtout que le produit est excellent.

Major Features

    Combine and gzip CSS and javascript files respectively
    Minify combined files and HTML
    Combine select background images into a sprite
    CDN Support Pro version only
    Lazy-load images Pro version only
    Optimize CSS Delivery Pro version only
    Optimize Images Pro version only

Une fois ceci fait vous devriez avoir un temps de chargement déjà sympa... Mais ce n'est pas fini, on va continuer à optimiser tout cela, car il y a un truc que JCH optimize (même en édition PRO) ne fait pas c'est le 'defer javascript' comprenez 'déférer' soit mettre les javas script plus bas dans la page pour rendre le chargement plus rapide.

Du reste, c'est une chose que vous pouvez voir avec GT METRIX

Defer Parsing Javascript Gtmetrix
GT METRIX - Cliquer sur l'image pour l'agrandir

206,9KiB de JavaScript sont analysés lors du chargement initial de la page. Reportez l'analyse de JavaScript pour réduire le blocage du rendu des pages.

Et vous voyez ici les scripts qui bloquent le rendu (en fait ceux qui reste sont innamovibles parce que j'ai déjà fait le boulot) mais c'est ICI que vous devrez identifier les ressources qui ralentissent votre page.

Ensuite il faut les déférer, et pour ce faire utiliser cette petite extension joomla :

https://extensions.joomla.org/extension/javascript-async-and-defer/

Ensuite à vous de spécifier les fichiers que vous voulez 'déférer' en bas de page sous la forme par exemple de notre module de commentaire (qui de toutes façons doit être chargé en bas de page donc ça tombe bien).

Il faut utiliser cette syntaxe en retirant le début du nom du domaine et indiquer directement l'élément avec par exemple la syntaxe suivante :

/components/com_jacomment/asset/js/ja.comment.js

Si ce n'est pas clair pour vous référez-vous à la documentation.

Defer Javascript
Javascript Asyc & Defer - Cliquer sur l'image pour l'agrandir

En suite vous refaite un coup de GT METRIX, etc. Attention il y a des fichiers qui refusent d'être déférés, ceci se traduit par une altération de l'image ou de vidéo, etc., comme à chaque optimisation il faut procéder avec parcimonie et par étapes, et vérifier le rendu a chaque fois, et pas que le rendu, vos options aussi, vos diférents modules et plug in, notation, commentaire, etc., pour vérifier que tout fonctionne bien, et exclure le cas échéant.

Voilà pour JCH Optimize PRO.

Maintenant si vous ne VOULEZ PAS utiliser JCH Optimize PRO la solution de contournement a été pour moi pendant longtemps l’Extension Script Merge, elle est payante (pour les sites HTTPS), mais est redoutablement efficace, encore une fois si telle ou telle optimisation vous pose des problèmes, vous pouvez « exclure » tel ou tel fichier CSS ou JavaScript, pour savoir ceux qui sont chargés, la cascade de Pingdom tools est très utile, n’oubliez pas de vérifier le bon fonctionnement de chaque module, tels que les commentaires, les recherches web, les votes sur les articles, car certains composants n’aiment pas être mis inline, compressés ou mergés.

Voici nos optimisations pour Script Merge

Scripit Merge Css Ok
Script Merge 1/6 - Cliquer pour agrandir l'image
 
Script Merge 2 6
Script Merge 2/6 - Cliquer pour agrandir l'image
 
Script Merge Exclude
Script Merge 3/6 - Cliquer pour agrandir l'image
 
Script Merge 4 6
Script Merge 4/6 - Cliquer pour agrandir l'image
 
Script Merge 5 6
Script Merge 5/6 - Cliquer pour agrandir l'image
 
Script Merge 6 6
Script Merge 6/6 - Cliquer pour agrandir l'image

Une dernière optimisation est l’utilisation de la librairie WebP, c’est une librairie de Google qui peut vous faire gagner jusqu'à 60% sur le poids de vos images. Si vous ne gérez pas vous-même votre serveur, demandez à votre hébergeur d'installer sur votre serveur les librairies WebP et JSmin, et renseignez les chemins d’accès dans l'onglet Guru de Script Merge (sachez que par rapport à nos captures vous pouvez gagner encore quelques millisecondes en autorisant la compression HTML, chez nous ça n’a pas été possible à cause de notre module de vote sur les articles, mais chez vous pourquoi pas ; )))

De plus si certains fichier javascipt peuvent être mis en bas de page et être chargé en dernier, il est possible de le faire avec Script Down, toujours pour accéléré le chargement des pages.

Voici nos réglages pour Script Down

Scriptdown
Script Down Pro 1/1 - Cliquer pour agrandir l'image

Bien sûr, le choix de votre template est primordial, c’est même un point central, la mode est aux templates « réactive » en ce qui nous concerne nous avons deux templates, JA purity II pour la version ordinateur du site et JA Simpli pour la version Mobile, le swap entre les deux et la détection des tablettes, GSM et autres est effectué par Simple Mobile Detection.

À ce sujet il est important d’avoir une version mobile qui soit vraiment adaptée à ces derniers, notamment pour la taille des images, et autres spécificités de ces appareils, aussi nous utilisons XT Adaptive Images Pro, il est payant, mais est très utile, du reste voici nos réglages pour ce dernier.

Voici nos réglages pour XT Adaptive Images Pro

Adaptive1 3
XT Adaptive images Pro 1/5 - Cliquer pour agrandir l'image
 
Apaptive 2 5
XT Adaptive images Pro 2/5 - Cliquer pour agrandir l'image
 
Adaptive 3 5
XT Adaptive images Pro 3/5 - Cliquer pour agrandir l'image
 
Adaptive 4 5
XT Adaptive images Pro 4/5 - Cliquer pour agrandir l'image
 
Adaptive 5 5
XT Adaptive images Pro 5/5 - Cliquer pour agrandir l'image
 
Une autre astuce pour gagner un peu de temps est de désactiver la librairie Mootools via le plug in Mootools Enabler/Disabler, et ça vous permet de gagner 600ko par page ; )))), nous, nous n'avons pas pu totalement la désactiver à cause de notre module de commentaire, mais là aussi, pour tenter de faire passer la pilule vous pouvez désactiver certains fichiers JS, ou au contraire demander à activer la libraire pour certains composants. 
 
Voici nos réglages pour Mootools Enabler/Disabler
 
Motools
Plug-in Mootools Enabler/Disabler
 
Vous pouvez aussi gérer cela avec le plug in Joomla Options, qui vous permet aussi de désactiver Jquery, si vous n'en avez pas besoin, mais cela a été impossible pour moi.
Une autres astuce mais elle est minimal mais elle doit être cité pour être complète, consiste a utiliser Server Cache
 
Enfin cerise sur le gâteau, vous pouvez implémenter un CDN mais ce serat le sujet d'un prochain article ; ))) mais il est de toute façon incontournable d’utiliser un système de cache propre au site très performant, pendant des années cela a été un souci sur Joomla, mais un programmeur de génie et totalement désintéressé a créé une extension formidable pour Joomla, c’est JOT Cache de V. Kanich. Le composant vient remplacer le cache système de Joomla et il est vraiment bien pensé. Le programmeur a pensé à toutes les conditions possibles (un don est toujours le bienvenu, vu le bienfait pour la communauté Joomla). D'ailleurs, si vous avez un blog nous vous conseillons de l'utiliser conjointement avec Cache Cleaner de Regular Labs, afin de vider automatiquement votre cache lors de l'édition ou de la sauvegarde d'article.

Nous vous laisserons découvrir les multiples possibilités que propose ce module, mais voici nos principaux réglages.

Jot Cache 1
Jot Cache  Module 1/2 - Cliquer pour agrandir l'image
 
Jotcache 3
Jot Cache  Module 2/2 - Cliquer pour agrandir l'image
 
Jotcache Plugin 1 4
Jot Cache  Plugin 1/4 - Cliquer pour agrandir l'image
 
Jotcache Plugin 2 4
Jot Cache  Plugin 2/4 - Cliquer pour agrandir l'image
 
Jotcache Plugin 3 4
Jot Cache  Plugin 3/4 - Cliquer pour agrandir l'image
 
Jotcache Plugin 4 4
Jot Cache  Plugin 4/4 - Cliquer pour agrandir l'image

Sachez toutefois que vous pouvez aussi créer un Cron Job sur votre serveur qui nettoira le cache, puis qui « visitera » chaque page du site pour les remettre en cache de façon préemptive, nous utilisions (par le passé) en plus ce type de service pour minimiser notre temps de réponse face aux requêtes des internautes et des moteurs de recherche (le résultat est totalement aléatoire car avec 14k articles on ne peut pas tout mettre en cache, mais pour les sites plus petits cela peut être une très bonne solution).

Jot Cron
Example de Cron Job Jot Cache. - Cliquer pour agrandir

La dernière optimisation vise à désinstaller définitivement tout les modules et plug-in dont vous n’avez pas besoin, ceci pour gagner de précieuses millisecondes. Une ou deux semaines après les avoir désactiver, si tout fonctionne bien et que vous êtes sûr de vos choix, il faut désinstaller totalement ces composants pour alléger le site et améliorer son temps de réponse, c’est la dernière chose à faire, bien sûr backup, backup et backup, car après vous ne pourrez plus faire machine arrière, aussi soyez judicieux dans vos choix, et tous les composants purement Joomla doivent être sanctuarisés (à moins que vous ne sachiez vraiment ce que vous faites ; )))))))

Voilà, je pense que je n’ai rien oublié, si par hasard je me rappelle d’autres optimisations, je mettrais à jour l’article, mais les autres optimisations concernent principalement le SEO, ce qui est un facteur important, car si nous faisons des sites web, et donc des articles, c’est pour être lu, n’est-ce pas ?

Et je vous ai fait un petit topo (de ce que j'en ai appris) en ce sens.

En attendant bonnes optimisations, et bon courage.

 

Amitiés ; )

 

L'Amourfou.

 

Information complémentaire :

Crashdebug.fr : Joomla 3 SEO & Performance

 

Loading comment... The comment will be refreshed after 00:00.

Be the first to comment.

Jcm Avatar
Say something here...

You are a guest ( Sign Up ? )

or post as a guest

Vous êtes ici : Accueil Arrow Informatique Arrow Astuces Logiciels Arrow Comment faire pour optimiser réellement un site Joomla