Le fichier .HTACCESS

A quoi sert ce fichier pour un site ? Comment le créer ? Où le placer ? Nous allons voir ensemble les possibilités basiques de ce fichier rudement utile !

Le fichier Htaccess est fichier de configuration pour un serveur web apache
Pour commencer nous devons créer ce fichier un peu particulier car il n'a pas de nom a proprement parler mais juste une extension .htaccess

Pour cela rien de plus simple il vous faut créer un fichier a l'aide d'un éditeur de texte : Sublime Text, NotePad ++, Atom, Coda et j'en passe.

Ensuite il suffit d'enregister le fichier en le renommant .HTACCESS

enregistrement .htaccess

Ok maintenant que nous avons notre fichier .HTACCESS nous allons pouvoir le remplir afin de pouvoir effectuer des modifications sur notre site

voici quelques commandes qui permettent des choses pour votre site :



● Pour rediriger votre site en HTTPS
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI}
● Pour pouvoir enlever le .html dans votre adresse URL
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)\.html$ /$1 [L,R=301]

*A noter qu'il vous faudra enlever les .html de vos liens dans votre code pour obtenir le resultat attendu

exemple .htaccess exemple .htaccess ● Pour Compresser en Gzip les différents fichiers afin d'améliorer les performances de votre site :
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilter DEFLATE .shtml
</IfModule>
● Pour mettre les fichiers en cache dans le navigateur afin de recharger les pages rapidement pour l'utilisateur :
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 7200 seconds"
ExpiresByType image/jpg "access plus 1 week"
ExpiresByType image/jpeg "access plus 1 week"
ExpiresByType image/png "access plus 1 week"
ExpiresByType image/gif "access plus 1 week"
ExpiresByType image/svg+xml "access plus 1 week"
AddType image/x-icon .ico
ExpiresByType image/ico "access plus 1 week"
ExpiresByType image/icon "access plus 1 week"
ExpiresByType image/x-icon "access plus 1 week"
ExpiresByType text/css "access plus 1 week"
ExpiresByType text/javascript "access plus 1 week"
ExpiresByType text/html "access plus 7200 seconds"
ExpiresByType application/xhtml+xml "access plus 7200 seconds"
ExpiresByType application/javascript "access plus 1 week"
ExpiresByType application/x-javascript "access plus 1 week"
ExpiresByType application/x-shockwave-flash "access plus 1 week"
</IfModule>

*Cela permet de déterminer un temps de cache pour chaques types de fichiers.
En revanche cette partie de code est à placer dans le fichier HTACCESS si le site n'as pas de modifications souvent car le navigateur actualisera vos changements une fois que le cache aura expiré.
Donc ne pas placer ce bout de code en production.

Maintenant il vous faudra placer le fichier .HTACCESS a la racine de votre site pour que les modifications soient prises en compte. Il y a biensûr pleins d'autres possibilités avec le fichier .HTACCESS à vous de chercher maintenant !

Tous droits réservés © 2017 Mathieu Boyer