Créer son site avec WordPress #7 - Le .htaccess #3

Vous voulez créer un site avec Wordpress mais vous ne savez pas comment vous y prendre ? Grâce à cette série de tutoriels vous allez apprendre pas à pas de façon complète comment créer un site, avec comme exemple le mien que je vais construire en même temps que vous.

Sommaire de la série :

- WordPress #1 : Installation

- WordPress #2 : Premier démarrage

- WordPress #3 : Paramétrage et mises à jour

- WordPress #4 : Les articles

- WordPress #5 : Les thèmes

- WordPress #6 : Le .htaccess partie 1

- WordPress #7 : Le .htaccess partie 2

---

Dans le tutoriel précédant, nous avions fini de parler de la sécurité via le .htaccess. Aujourd'hui nous allons voir les autres possibilités de ce fabuleux fichier.

1] Optimiser votre site avec le .htaccess

1] Régler l' encodage

Pour régler l' encodage de votre site, pour que les accents soient correctement placés, insérez le code suivant :


AddDefaultCharset UTF-8


2] Régler le fuseau horaire

Pour mettre votre site à l' heure, insérez le code suivant (fonctionne pour les résidents de la France) :


SetEnv TZ Europe/Paris


3] Réduire le spam des commentaires

Ce code permet de réduire en partie le spam de commentaires. Attention, il n' est pas une solution à lui tout seul :



RewriteCond %{REQUEST_METHOD} POST
RewriteCond %{REQUEST_URI} .wp-comments-post.php*
RewriteCond %{HTTP_REFERER} !.monsite.com.* [OR]
RewriteCond %{HTTP_USER_AGENT} ^$
RewriteRule (.*) ^http://%{REMOTE_ADDR}/$ [R=301,L]



6] Activer la compression

Il est possible d' activer la compression de certains fichiers pour rendre votre site plus rapide à utiliser, avec le code suivant :



AddOutputFilterByType DEFLATE text/xhtml text/html text/plain text/xml text/javascript application/x-javascript text/css
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
SetEnvIfNoCase Request_URI .(?:gif|jpe?g|png)$ no-gzip dont-vary
Header append Vary User-Agent env=!dont-vary


AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/json


5] Activer la mise en cache

Pour accélerer votre site en mettant en cache certains fichiers, insérez le code suivant :



ExpiresActive On
ExpiresDefault "access plus 1 month"

ExpiresByType text/html "access plus 0 seconds"
ExpiresByType text/xml "access plus 0 seconds"
ExpiresByType application/xml "access plus 0 seconds"
ExpiresByType application/json "access plus 0 seconds"
ExpiresByType application/pdf "access plus 0 seconds"

ExpiresByType application/rss+xml "access plus 1 hour"
ExpiresByType application/atom+xml "access plus 1 hour"

ExpiresByType application/x-font-ttf "access plus 1 month"
ExpiresByType font/opentype "access plus 1 month"
ExpiresByType application/x-font-woff "access plus 1 month"
ExpiresByType application/x-font-woff2 "access plus 1 month"
ExpiresByType image/svg+xml "access plus 1 month"
ExpiresByType application/vnd.ms-fontobject "access plus 1 month"

ExpiresByType image/jpg "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"

ExpiresByType video/ogg "access plus 1 month"
ExpiresByType audio/ogg "access plus 1 month"
ExpiresByType video/mp4 "access plus 1 month"
ExpiresByType video/webm "access plus 1 month"

ExpiresByType text/css "access plus 6 month"
ExpiresByType application/javascript "access plus 6 month"

ExpiresByType application/x-shockwave-flash "access plus 1 week"
ExpiresByType image/x-icon "access plus 1 week"

Header unset ETag
FileETag None

<filesMatch ".(ico|jpe?g|png|gif|swf)$">
Header set Cache-Control "public"

<filesMatch ".(css)$">
Header set Cache-Control "public"

<filesMatch ".(js)$">
Header set Cache-Control "private"

<filesMatch ".(x?html?|php)$">
Header set Cache-Control "private, must-revalidate"

6] Activer le keep-alive

Ce code va permettre également d' accélerer votre site :


Header set Connection keep-alive
<FilesMatch ".(js|css|xml|gz)$">
Header append Vary: Accept-Encoding




7] Désactiver le Etag

Le code suivant désactive le eTag, ce qui va alléger la bande passante de votre site :


Header unset Pragma
FileETag None
Header unset ETag


2] Voir les résultats (analyser la rapidité de votre site)

J' ai testé le site sur plusieurs sites d' analyse. Voici les résultats :

Avant

tools.pingdom.com :

gtmetrix.com :

dareboost.com :

https://developers.google.com/speed/pagespeed/insights/ :

Mobile : 62/100
PC : 54/100

Après :

tools.pingdom.com :

gtmetrix.com :

dareboost.com :

https://developers.google.com/speed/pagespeed/insights/ :

Mobile : 70/100
PC : 67/100

Conclusion

La rapidité de notre site a bien été améliorée, mais on peux encore mieux faire (on verra ça dans un prochain tutoriel). Votre site est également plus sécurisé. Tout cela grâce au .htaccess !

N' hésitez pas d' upvoter / commenter / resteemer !