Savez-vous que vous pouvez r\u00e9duire consid\u00e9rablement la taille et augmenter la vitesse de votre site web simplement en utilisant un fichier .htaccess ? Compression automatique des ressources, ETags et Expires Headers sont souvent des \u00e9l\u00e9ments n\u00e9glig\u00e9s, qui peuvent grandement am\u00e9liorer les performances de votre site web. Cet article va tenter d’expliquer dans un language \u00ab\u00a0non-geek\u00a0\u00bb ce qu’ils sont, ce qu’ils font, et comment les utiliser sur votre propre site web.<\/p>\n
\nAm\u00e9liorer les performances de Joomla! gr\u00e2ce \u00e0 un .htaccess Savez-vous que vous pouvez r\u00e9duire consid\u00e9rablement la taille et augmenter la vitesse de votre site web Joomla! simplement en utilisant un fichier .htaccess ? Compression automatique des ressources, ETags et Expires Headers sont souvent des \u00e9l\u00e9ments n\u00e9glig\u00e9s, qui peuvent grandement am\u00e9liorer les performances de votre site web. Cet article va tenter d’expliquer dans un language \u00ab\u00a0non-geek\u00a0\u00bb ce qu’ils sont, ce qu’ils font, et comment les utiliser sur votre propre site web.
\nPour illustrer les avantages, j’ai effectu\u00e9 de nombreux tests en utilisant 2 templates (venant de fournisseurs de templates connus et r\u00e9put\u00e9s) et le template natif de Joomla!, Atomic, et mesur\u00e9 les r\u00e9sultats avec un outil tr\u00e8s pratique de GTMetrix. Chacune des trois installations \u00e0 \u00e9t\u00e9 charg\u00e9e avec les donn\u00e9es d’exemple du fournisseur. Plusieurs tests ont \u00e9t\u00e9 effectu\u00e9s afin de quantifier les avantages de l’utilisation d’un htaccess afin d’am\u00e9liorer les performances du site, mais \u00e9galement sa s\u00e9curit\u00e9. Les demos de templates des fournisseurs chargent significativement plus de donn\u00e9es d’exemple et d’images que le template natif de Joomla! et comparer Atomic aux templates commerciaux n’est pas \u00ab\u00a0Apples to apples\u00a0\u00bb, cependant, les r\u00e9sultats sont toujours int\u00e9ressants.
\n 1 – Le test d'\u00a0\u00bbAVANT\u00a0\u00bb (BEFORE) est notre test indicatif qui permet de mesurer les performances \u00ab\u00a0out of the box\u00a0\u00bb (avant d’apporter les modifications) et a \u00e9t\u00e9 effectu\u00e9 avec seulement deux ajustements mineurs pour chacune des d\u00e9mos : en renommant le fichier htaccess.txt, natif de Joomla!, en .htaccess et en activant la r\u00e9-\u00e9criture d’URL dans la configuration g\u00e9n\u00e9rale du site. Les r\u00e9sultats que vous pouvez voir dans le tableau ci-dessous sont assez pauvres.
\n 2 – Les r\u00e9sultats d'\u00a0\u00bbAPRES\u00a0\u00bb (AFTER) montrent une \u00e9norme am\u00e9lioration de la taille des pages, du temps de chargement ainsi que de la vitesse du site. Ce test a \u00e9t\u00e9 effectu\u00e9 apr\u00e8s avoir remplac\u00e9 le fichier .htaccess natif de Joomla! par un fichier beaucoup plus lourd, aussi bien litt\u00e9ralement que m\u00e9taphoriquement. Le fichier original pesait 4KB et le .htaccess Master p\u00e8se 24KB avec les commentaires. Aucune extension ou plugin n’a \u00e9t\u00e9 ajout\u00e9 et la compression gzip ou le cache n’ont pas \u00e9t\u00e9 activ\u00e9s. Les r\u00e9sultats montrent une am\u00e9lioration de 46% sur le test Page Speed Grade pour Atomic, 34% pour Voxel et 26% pour Steam.
\n 3 – Le test \u00ab\u00a0W\/GZIP\u00a0\u00bb a \u00e9t\u00e9 effectu\u00e9 apr\u00e8s avoir activ\u00e9 la compression native de Joomla! ainsi que le cache, 2 param\u00e8tres plac\u00e9s dans la configuration g\u00e9n\u00e9rale du site. Le plugin \u00ab\u00a0Syst\u00e8me – Cache\u00a0\u00bb a \u00e9galement \u00e9t\u00e9 activ\u00e9. Il n’y a presque aucun changement mesurable et j’ai \u00e9t\u00e9 assez surpris par ce r\u00e9sultat.
\n 4 – Le dernier test \u00ab\u00a0JCH\u00a0\u00bb est le r\u00e9sultat de l’installation du plugin JCH Optimize qui am\u00e9liore l\u00e9g\u00e8rement les templates venant des fournisseurs, mais qui nous donne un \u00ab\u00a0A\u00a0\u00bb pour Yslow Grad pour le template Atomic. Impressionnant !<\/p>\n
Tous les tests ont \u00e9t\u00e9 effectu\u00e9s sur le m\u00eame Virtual Private Server \u00e0 moins d’une minute d’intervalle. <\/p>\n
Joomla! 3 Le Livre Pour Tous<\/p>\n
E\u0301crit pour toutes les personnes qui de\u0301butent avec Joomla!, ou qui posse\u0300dent de\u0301ja\u0300 quelques connaissances avec les versions pre\u0301ce\u0301dentes, et qui souhaitent construire et entretenir un site web sans avoir a\u0300 entrer dans le code.<\/p>\n
version num\u00e9rique
\n{j2store}42||cart{\/j2store}<\/p>\n
version papier
\n{j2store}18||cart{\/j2store}<\/p>\n
Comment fait-on ? c’est \u00e0 partir d’ici que l’article se complique un peu. Vous devez lire TOUS les commentaires et prendre les d\u00e9cisions pour vos besoins sp\u00e9cifiques. Proc\u00e9dez avec prudence au del\u00e0 de cet endroit, il y a des dragons !
\nIl existe de nombreux articles traitant de la s\u00e9curit\u00e9 des sites par l’utilisation d’un htaccess ainsi que deux extensions aeSecure de Christophe Avonture et Admin Tools d’Akeeba Backup, cependant, nous allons nous consacrer essentiellement sur la performance. Dans le code suivant, vous trouverez de nombreux commentaires expliquant ce que chaque \u00e9l\u00e9ment peut apporter \u00e0 votre site. Les fonctionnalit\u00e9s primaires de ce fichier qui vont acc\u00e9l\u00e9rer votre site sont Etags (Entity Tags), Expires Headers, et automatic compression of ressources.
\n 1 – Etags dit aux caches du navigateur que si une image est l’une de celles qu’il a d\u00e9j\u00e0 vues pr\u00e9c\u00e9demment, il n’a pas besoin de la charger de nouveau.
\n 2 – Expires headers est similaire \u00e0 Etags mais peu avoir des dates d’expiration diff\u00e9rentes par type de fichier. Nous disons au navigateur que le fichier doit \u00eatre rafra\u00eechi tous les x jours\/semaines\/mois.
\n 3 – AddOutputFilterByType DEFLATE \u00ab\u00a0minimise\u00a0\u00bb le code source de votre fichier HTML compil\u00e9 en supprimant les lignes et espaces inutiles. Le template Steam de YooTheme a \u00e9t\u00e9 r\u00e9duit de 383 lignes \u00e0 seulement 5.
\n########## Begin – ETag Optimization
\n## This rule will create an ETag for files based only on the modification
\n## timestamp and their size. This works wonders if you are using rsync’ed
\n## servers, where the inode number of identical files differs.
\n## Note: It may cause problems on your server and you may need to remove it
\nFileETag MTime Size
\n########## End – ETag Optimization
\n########## Begin – Automatic compression of resources
\n# Compress text, html, javascript, css, xml, kudos to Komra.de
\n# May kill access to your site for old versions of Internet Explorer
\n# The server needs to be compiled with mod_deflate otherwise it will send HTTP 500 Error.
\n# mod_deflate is not available on Apache 1.x series. Can only be used with Apache 2.x server.
\n# AddOutputFilterByType is now deprecated by Apache. Use mod_filter in the future.
\nAddOutputFilterByType DEFLATE text\/plain text\/html text\/xml text\/css application\/xml application\/xhtml+xml application\/rss+xml application\/javascript application\/x-javascript
\n########## Begin – Optimal default expiration time
\n## Note: this might cause problems and you might have to comment it out by
\n## placing a hash in front of this section’s lines<\/p>\n
\t# Enable expiration control
\n\tExpiresActive On<\/p>\n
\t# Default expiration: 1 hour after request
\n\tExpiresDefault \u00ab\u00a0now plus 1 hour\u00a0\u00bb<\/p>\n
\t# CSS and JS expiration: 1 week after request
\n\tExpiresByType text\/css \u00ab\u00a0now plus 1 week\u00a0\u00bb
\n\tExpiresByType application\/javascript \u00ab\u00a0now plus 1 week\u00a0\u00bb
\n\tExpiresByType application\/x-javascript \u00ab\u00a0now plus 1 week\u00a0\u00bb<\/p>\n
\t# Image files expiration: 1 month after request
\n\tExpiresByType image\/bmp \u00ab\u00a0now plus 1 month\u00a0\u00bb
\n\tExpiresByType image\/gif \u00ab\u00a0now plus 1 month\u00a0\u00bb
\n\tExpiresByType image\/jpeg \u00ab\u00a0now plus 1 month\u00a0\u00bb
\n\tExpiresByType image\/jp2 \u00ab\u00a0now plus 1 month\u00a0\u00bb
\n\tExpiresByType image\/pipeg \u00ab\u00a0now plus 1 month\u00a0\u00bb
\n\tExpiresByType image\/png \u00ab\u00a0now plus 1 month\u00a0\u00bb
\n\tExpiresByType image\/svg+xml \u00ab\u00a0now plus 1 month\u00a0\u00bb
\n\tExpiresByType image\/tiff \u00ab\u00a0now plus 1 month\u00a0\u00bb
\n\tExpiresByType image\/vnd.microsoft.icon \u00ab\u00a0now plus 1 month\u00a0\u00bb
\n\tExpiresByType image\/x-icon \u00ab\u00a0now plus 1 month\u00a0\u00bb
\n\tExpiresByType image\/ico \u00ab\u00a0now plus 1 month\u00a0\u00bb
\n\tExpiresByType image\/icon \u00ab\u00a0now plus 1 month\u00a0\u00bb
\n\tExpiresByType text\/ico \u00ab\u00a0now plus 1 month\u00a0\u00bb
\n\tExpiresByType application\/ico \u00ab\u00a0now plus 1 month\u00a0\u00bb
\n\tExpiresByType image\/vnd.wap.wbmp \u00ab\u00a0now plus 1 month\u00a0\u00bb
\n\tExpiresByType application\/vnd.wap.wbxml \u00ab\u00a0now plus 1 month\u00a0\u00bb
\n\tExpiresByType application\/smil \u00ab\u00a0now plus 1 month\u00a0\u00bb<\/p>\n
\t# Audio files expiration: 1 month after request
\n\tExpiresByType audio\/basic \u00ab\u00a0now plus 1 month\u00a0\u00bb
\n\tExpiresByType audio\/mid \u00ab\u00a0now plus 1 month\u00a0\u00bb
\n\tExpiresByType audio\/midi \u00ab\u00a0now plus 1 month\u00a0\u00bb
\n\tExpiresByType audio\/mpeg \u00ab\u00a0now plus 1 month\u00a0\u00bb
\n\tExpiresByType audio\/x-aiff \u00ab\u00a0now plus 1 month\u00a0\u00bb
\n\tExpiresByType audio\/x-mpegurl \u00ab\u00a0now plus 1 month\u00a0\u00bb
\n\tExpiresByType audio\/x-pn-realaudio \u00ab\u00a0now plus 1 month\u00a0\u00bb
\n\tExpiresByType audio\/x-wav \u00ab\u00a0now plus 1 month\u00a0\u00bb<\/p>\n
\t# Movie files expiration: 1 month after request
\n\tExpiresByType application\/x-shockwave-flash \u00ab\u00a0now plus 1 month\u00a0\u00bb
\n\tExpiresByType x-world\/x-vrml \u00ab\u00a0now plus 1 month\u00a0\u00bb
\n\tExpiresByType video\/x-msvideo \u00ab\u00a0now plus 1 month\u00a0\u00bb
\n\tExpiresByType video\/mpeg \u00ab\u00a0now plus 1 month\u00a0\u00bb
\n\tExpiresByType video\/mp4 \u00ab\u00a0now plus 1 month\u00a0\u00bb
\n\tExpiresByType video\/quicktime \u00ab\u00a0now plus 1 month\u00a0\u00bb
\n\tExpiresByType video\/x-la-asf \u00ab\u00a0now plus 1 month\u00a0\u00bb
\n\tExpiresByType video\/x-ms-asf \u00ab\u00a0now plus 1 month\u00a0\u00bb<\/p>\n
########## End – Optimal expiration time <\/p>\n
\tmodule-boutique-2
\n Trucs & Astuces
\nTous les serveurs ne sont pas construits de la m\u00eame mani\u00e8re. Les r\u00e9glages par d\u00e9faut d’un serveur varient d’un h\u00e9bergeur \u00e0 l’autre, et cela signifie que certains param\u00e8tres de ce htaccess peuvent produire des erreurs 500 Internal Server Errors. Le meilleur moyen de d\u00e9finir exactement la cause de l’erreur est de supprimer un morceau du code, envoyer, puis tester le site. Si l’erreur persiste, replacez le premier morceau de code, puis supprimez-en un autre, puis r\u00e9p\u00e9tez l’op\u00e9ration. Il est pratique de noter le num\u00e9ro des lignes jusqu’\u00e0 trouver le coupable.
\nSi vous trouvez que certains fichiers css ou javascript ne sont pas optimis\u00e9s proprement, utilisez un outil comme Firebug ou l’inspecteur d’\u00e9l\u00e9ment de Chrome afin d’afficher les erreurs rapport\u00e9es. Les erreurs 403 Forbidden signifient typiquement que vous avez bloqu\u00e9 l’acc\u00e8s \u00e0 un type de fichier ou de dossier. Regardez le chemin du fichier dans l’erreur puis cr\u00e9ez un RewriteRule pour permettre l’acc\u00e8s \u00e0 ce dossier comme le montrent les exemples ci-dessous. Cela a \u00e9t\u00e9 mon experience avec les templates de RocketTheme qui ont besoin d’acc\u00e9der au dossier \u00ab\u00a0fots\u00a0\u00bb. Les templates YooTheme et\/ou Widjetkit et\/ou Zoo ont besoin d’acc\u00e9der \u00e0 leurs dossiers de cache respectifs.
\nRewriteRule ^templates\\\/your_template_folder\/ – [L]
\n## I found this necessary for @fontface fonts
\nRewriteRule ^templates\\\/your_template_folder\\\/fonts\/ – [L]
\n##Yoo Themes Widgetkit and Zoo will not display css styles or images correctly if the cache folder access is blocked
\nRewriteRule ^cache\\\/widgetkit\/ – [L]
\nRewriteRule ^cache\\\/com_zoo\/ – [L]
\nRewriteRule ^cache\\\/com_templates\/ – [L]
\nRewriteRule ^cache\\\/template\/ – [L]
\nRewriteRule ^cache\\\/plg_jch_optimize\/ – [L]
\nUn article fantastique par Jeff Star de Perishable Press qui s’appelle Stupid htaccess Tricks fournit une documentation compl\u00e8te du code et des fonctions.
\nDisclaimer
\nCe n’est en aucun cas un tutoriel complet, et le htaccess n’est pas destin\u00e9 \u00e0 \u00eatre appliqu\u00e9 tel quel \u00e0 votre site Joomla! en lieu et place du fichier natif sans avoir pr\u00e9alablement modifi\u00e9 le code afin de l’adapter \u00e0 votre site et \u00e0 votre serveur. Une bonne connaissance du code de ce htaccess est requise ou vous allez certainement casser (temporairement) votre site. Essay\u00e9-le sur un serveur pr\u00e9alablement, et souvenez-vous, toujours, toujours faire une sauvegarde AVANT.
\nRessources<\/p>\n
Perishable Press
\n aeSecure
\n Akeeba Backup
\n Joomla Documents
\n JCH Optimize
\n YSlow
\n CDN for Joomla
\n Stupid htaccess Tricks
\n GTmetrix <\/p>\n
\nCredits<\/p>\n
Brian Teeman @brianteeman
\nKen Crowder (ChiefGoFor)
\nRadek Suski @radeksu
\nFotis Evangelou @fevangelou
\nJon Neubauer @219jondn
\nNicholas K. Dionysopoulos @akeebabackup
\nJon Brown @jsbrwn
\nJeff Star @perishable
\nCindy Montano @montanodesigns<\/p>\n
Note : cet article est une traduction de l’article .htaccess File That FREAKIN Works! <\/p>\n
\tmodule-boutique-3
\n Cr\u00e9dits photo
\nImage by Free-Photos from Pixabay<\/p>\n","protected":false},"excerpt":{"rendered":"
Savez-vous que vous pouvez r\u00e9duire consid\u00e9rablement la taille et augmenter la vitesse de votre site web simplement en utilisant un fichier .htaccess ? Compression automatique des ressources, ETags et Expires Headers sont souvent des \u00e9l\u00e9ments n\u00e9glig\u00e9s, qui peuvent grandement am\u00e9liorer les performances de votre site web. Cet article va tenter d’expliquer dans un language \u00ab\u00a0non-geek\u00a0\u00bb […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[11],"tags":[],"class_list":["post-431","post","type-post","status-publish","format-standard","hentry","category-sixtine"],"yoast_head":"\n