Hostwinds Tutoriels

Résultats de recherche pour:


Table des matières


Créer un fichier .htaccess
Outils de développement Google Chrome
1 Visitez votre site Web et lancez Google Dev Outils avec F12 sous Windows ou Ctrl + Shift + I sur votre clavier. Si vous utilisez un Mac, vous pouvez utiliser CMD + OPT + I. ou, cliquez avec le bouton droit de la souris sur la page Web et sélectionnez Inspecter l'élément pour cliquer sur l'onglet Réseau.
2 Cochez la case Désactiver le cache
3 Cliquez sur Réseau à partir de ce même menu et rechargez la page. Ici, les résultats et le temps de chargement seront affichés au bas de l'écran.
Optimisation de site Web
Utiliser la mise en cache
FIN EXPIRE
Compresser le contenu à l'aide de Mod Deflate
COMMENCER LA COMPRESSION DE DÉGONFLAGE
Compresser HTML, CSS, JavaScript, texte, XML et polices
FIN DE LA COMPRESSION DE DÉGONFLAGE
FIN DE LA COMPRESSION
Compression Gzip
Mise en cache
En-têtes de contrôle de cache BEGIN
END Cache-Control Headers
FIN DU CONTRÔLE DU CACHE
Forcer la barre oblique arrière
BARRE DE TRAIL DE FORCE FINALE
Empêcher le Hotlinking
FIN ÉVITER LES HOTLINKING
Rediriger les visiteurs du site Web vers un site mobile:
FIN DES APPAREILS MOBILES REDIRECT
Arrêtez le SPAM sur le blog WordPress
ARRÊTER LE SPAM SUR LE BLOG WORDPRESS
Rediriger les flux
FIN DE REDIRECT DIFFÉRENTS ALIMENTS EN UN SEUL FORMAT
Configurez votre site Web pour les vidéos HTML5
FIN CONFIGUREZ VOTRE SITE WEB POUR LES VIDÉOS HTML5
Consigner les erreurs PHP dans un journal des erreurs
n'afficher aucune erreur à l'utilisateur
enregistrer dans un fichier
END LOG des erreurs PHP INTO ~ / public_html / php_error.log
Exécutez PHP à l'intérieur des fichiers JavaScript
EXÉCUTER PHP DANS LES FICHIERS JAVASCRIPT
Bloquer les adresses IP des utilisateurs
Empêcher la liste des fichiers dans le répertoire
Document d'erreur personnalisé
FIN DU DOCUMENT D'ERREUR
Rediriger l'URL non www vers www url
END REDIRECT NON WWW URL TO WWW URL
Redirection simple
FIN SIMPLE REDIRECT
Rediriger le site Web vers https

Optimiser le site Web à l'aide du fichier .htaccess

Mots clés: htaccess,  Optimization 

Créer un fichier .htaccess
Outils de développement Google Chrome
1 Visitez votre site Web et lancez Google Dev Outils avec F12 sous Windows ou Ctrl + Shift + I sur votre clavier. Si vous utilisez un Mac, vous pouvez utiliser CMD + OPT + I. ou, cliquez avec le bouton droit de la souris sur la page Web et sélectionnez Inspecter l'élément pour cliquer sur l'onglet Réseau.
2 Cochez la case Désactiver le cache
3 Cliquez sur Réseau à partir de ce même menu et rechargez la page. Ici, les résultats et le temps de chargement seront affichés au bas de l'écran.
Optimisation de site Web
Utiliser la mise en cache
FIN EXPIRE
Compresser le contenu à l'aide de Mod Deflate
COMMENCER LA COMPRESSION DE DÉGONFLAGE
Compresser HTML, CSS, JavaScript, texte, XML et polices
FIN DE LA COMPRESSION DE DÉGONFLAGE
FIN DE LA COMPRESSION
Compression Gzip
Mise en cache
En-têtes de contrôle de cache BEGIN
END Cache-Control Headers
FIN DU CONTRÔLE DU CACHE
Forcer la barre oblique arrière
BARRE DE TRAIL DE FORCE FINALE
Empêcher le Hotlinking
FIN ÉVITER LES HOTLINKING
Rediriger les visiteurs du site Web vers un site mobile:
FIN DES APPAREILS MOBILES REDIRECT
Arrêtez le SPAM sur le blog WordPress
ARRÊTER LE SPAM SUR LE BLOG WORDPRESS
Rediriger les flux
FIN DE REDIRECT DIFFÉRENTS ALIMENTS EN UN SEUL FORMAT
Configurez votre site Web pour les vidéos HTML5
FIN CONFIGUREZ VOTRE SITE WEB POUR LES VIDÉOS HTML5
Consigner les erreurs PHP dans un journal des erreurs
n'afficher aucune erreur à l'utilisateur
enregistrer dans un fichier
END LOG des erreurs PHP INTO ~ / public_html / php_error.log
Exécutez PHP à l'intérieur des fichiers JavaScript
EXÉCUTER PHP DANS LES FICHIERS JAVASCRIPT
Bloquer les adresses IP des utilisateurs
Empêcher la liste des fichiers dans le répertoire
Document d'erreur personnalisé
FIN DU DOCUMENT D'ERREUR
Rediriger l'URL non www vers www url
END REDIRECT NON WWW URL TO WWW URL
Redirection simple
FIN SIMPLE REDIRECT
Rediriger le site Web vers https

Avoir votre site Web Chargement rapide est une passion pour la plupart des clients Hostwinds, et nous savons à quel point cela est important. Ce guide consiste à aider à examiner votre site Web et sa vitesse de charge afin que l'optimisation puisse être vue et testée par vous ou votre développeur de site Web.

Nous allons également explorer de nombreuses options à utiliser et les moyens courants d'optimiser votre site Web à l'aide d'un fichier .htaccess. Ceci est destiné à l'hébergement partagé, à l'hébergement d'entreprise, aux clients CPanel, aux VPS, au cloud et aux clients de serveur dédiés utilisant Apache WebServer.

Nous allons commencer à utiliser les outils intégrés de Google Chrome et utiliser .htaccess pour un serveur Web Apache pour ce guide.

Créer un fichier .htaccess

La première chose à faire est de créez votre fichier .htaccess. Avant de continuer avec ce guide, il est important de sauvegarder votre fichier pour vous assurer que ce fichier peut être restauré si votre site Web ne charge pas ou que vous avez des problèmes.

Outils de développement Google Chrome

1 Visitez votre site Web et lancez Google Dev Outils avec F12 sous Windows ou Ctrl + Shift + I sur votre clavier. Si vous utilisez un Mac, vous pouvez utiliser CMD + OPT + I. ou, cliquez avec le bouton droit de la souris sur la page Web et sélectionnez Inspecter l'élément pour cliquer sur l'onglet Réseau.

2 Cochez la case Désactiver le cache

3 Cliquez sur Réseau à partir de ce même menu et rechargez la page. Ici, les résultats et le temps de chargement seront affichés au bas de l'écran.

Actualisez la page Web et prenez note de l'heure de chargement, comme indiqué dans l'image ci-dessus. Vous voudrez également noter le temps à la première octet, ce qui serait idéal pour avoir moins de 200 ms. L'image ci-dessous montre cela comme étant 120 ms à titre d'exemple:

Optimisation de site Web

Utiliser la mise en cache

# BEGIN EXPIRES
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 10 days."
ExpiresByType text/css "access plus 1 week"
ExpiresByType text/plain "access plus 1 month"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType application/x-javascript "access plus 1 month"
ExpiresByType application/javascript "access plus 1 week"
ExpiresByType application/x-icon "access plus 1 year"  

FIN EXPIRE

Compresser le contenu à l'aide de Mod Deflate

# COMPRESSION

COMMENCER LA COMPRESSION DE DÉGONFLAGE

<IfModule mod_deflate.c>

Compresser HTML, CSS, JavaScript, texte, XML et polices

AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml  

FIN DE LA COMPRESSION DE DÉGONFLAGE

FIN DE LA COMPRESSION

Compression Gzip

# BEGIN GZIP
BEGIN GZIP COMPRESSION
<IfModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*  

FIN DE LA COMPRESSION GZIP

FIN DU GZIP

Mise en cache

#CACHE CONTROL

En-têtes de contrôle de cache BEGIN

<ifModule mod_headers.c>
<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."

END Cache-Control Headers

FIN DU CONTRÔLE DU CACHE

Forcer la barre oblique arrière

# FORCE TRAILING SLASH
<IfModule mod_rewrite.c>
RewriteCond %{REQUEST_URI} /+[^.]+$
RewriteRule ^(.+[^/])$ %{REQUEST_URI}/ [R=301,L]  

BARRE DE TRAIL DE FORCE FINALE

Empêcher le Hotlinking

# PREVENT HOTLINKING
RewriteEngine On
#Replace ?yourdomainname.com/ with your website url
RewriteCond %{HTTP_REFERER} !^http://(.+.)?yourdomainname.com/ [NC]
RewriteCond %{HTTP_REFERER} !^$
#Replace /images/nohotlink.jpg with your "hotlinking is not permitted" image url
RewriteRule .*.(jpe?g|gif|bmp|png)$ /hotlinksnotpermitted.jpg [L]

FIN ÉVITER LES HOTLINKING

Remplacez votre nom de domaine avec votre URL de nom de domaine actuel et hotlinksnotPermitts.jpg

Rediriger les visiteurs du site Web vers un site mobile:

# REDIRECT MOBILE DEVICES
RewriteEngine On
RewriteCond %{REQUEST_URI} !^/m/.*$
RewriteCond %{HTTP_ACCEPT} "text/vnd.wap.wml|application/vnd.wap.xhtml+xml" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "acs|alav|alca|amoi|audi|aste|avan|benq|bird|blac|blaz|brew|cell|cldc|cmd-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "dang|doco|eric|hipt|inno|ipaq|java|jigs|kddi|keji|leno|lg-c|lg-d|lg-g|lge-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "maui|maxo|midp|mits|mmef|mobi|mot-|moto|mwbp|nec-|newt|noki|opwv" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "palm|pana|pant|pdxg|phil|play|pluc|port|prox|qtek|qwap|sage|sams|sany" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "sch-|sec-|send|seri|sgh-|shar|sie-|siem|smal|smar|sony|sph-|symb|t-mo" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "teli|tim-|tosh|tsm-|upg1|upsi|vk-v|voda|w3cs|wap-|wapa|wapi" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "wapp|wapr|webc|winw|winw|xda|xda-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "up.browser|up.link|windowssce|iemobile|mini|mmp" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "symbian|midp|wap|phone|pocket|mobile|pda|psp" [NC]
#------------- The line below excludes the iPad
RewriteCond %{HTTP_USER_AGENT} !^.*iPad.*$
#-------------
RewriteCond %{HTTP_USER_AGENT} !macintosh [NC] #*SEE NOTE BELOW
RewriteRule ^(.*)$ /m/ [L,R=302]

FIN DES APPAREILS MOBILES REDIRECT

Arrêtez le SPAM sur le blog WordPress

# STOP SPAM ON WORDPRESS BLOG
RewriteEngine On
RewriteCond %{REQUEST_METHOD} POST
RewriteCond %{REQUEST_URI} .wp-comments-post.php*
RewriteCond %{HTTP_REFERER} !.*yourdomainname.* [OR]
RewriteCond %{HTTP_USER_AGENT} ^$
RewriteRule (.*) ^http://%{REMOTE_ADDR}/$ [R=301,L]  

ARRÊTER LE SPAM SUR LE BLOG WORDPRESS

Remplacez votre nom de domaine avec votre URL de nom de domaine actuel

Rediriger les flux

# REDIRECT DIFFERENT FEEDS TO A SINGLE FORMAT
<IfModule mod_alias.c>
RedirectMatch 301 /feed/(atom|rdf|rss|rss2)/?$ http://yourdomainname.com/feed/
RedirectMatch 301 /comments/feed/(atom|rdf|rss|rss2)/?$ http://yourdomainname.com/comments/feed/  

FIN DE REDIRECT DIFFÉRENTS ALIMENTS EN UN SEUL FORMAT

Remplacez votreDomainName avec votre URL de nom de domaine actuel

Configurez votre site Web pour les vidéos HTML5

# CONFIGURE YOUR WEBSITE FOR HTML5 VIDEOS
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_URI} !=/favicon.ico
AddType video/ogg .ogv
AddType video/ogg .ogg
AddType video/mp4 .mp4
AddType video/webm .webm
AddType application/x-shockwave-flash swf

FIN CONFIGUREZ VOTRE SITE WEB POUR LES VIDÉOS HTML5

Consigner les erreurs PHP dans un journal des erreurs

# LOG PHP errors INTO ~/public_html/php_error.log

n'afficher aucune erreur à l'utilisateur

php_flag display_startup_errors off
php_flag display_errors off
php_flag html_errors off

enregistrer dans un fichier

php_flag log_errors on
php_value error_log ~/public_html/php_error.log

END LOG des erreurs PHP INTO ~ / public_html / php_error.log

Remplacez votreDomainName avec votre URL de nom de domaine actuel et ~ / public_html / php_error.log avec l'emplacement de votre fichier journal

Exécutez PHP à l'intérieur des fichiers JavaScript

# RUN PHP INSIDE JAVASCRIPT FILES
AddType application/x-httpd-php .js
AddHandler x-httpd-php5 .js
<FilesMatch ".(js|php)$">
SetHandler application/x-httpd-php  

EXÉCUTER PHP DANS LES FICHIERS JAVASCRIPT

Bloquer les adresses IP des utilisateurs

#BLOCKING USERS IP
order allow,deny
deny from 123.45.6.7
deny from 0.1.2.3
allow from all
#END BLOCKING USERS IP

Remplacer 123.45.6.7 et 0.1.2.3 avec les adresses IP réelles que vous souhaitez bloquer.

Empêcher la liste des fichiers dans le répertoire

#PREVENT DIRECTORY LISTING
IndexIgnore *
#END PREVENT DIRECTORY LISTING

Document d'erreur personnalisé

# ERROR DOCUMENT
ErrorDocument code /directory/filename.ext
ErrorDocument 404 /errors/lostandfound.html

FIN DU DOCUMENT D'ERREUR

Remplacer /directory/filename.ext avec le document d'erreur que vous souhaitez utiliser et /rrors/lostandfound.html avec la page d'erreur 404 que vous souhaitez utiliser pour remplacer les documents d'erreur par défaut.

Rediriger l'URL non www vers www url

# REDIRECT NON WWW URL TO WWW URL
Options +FollowSymLinks
RewriteEngine on
RewriteCond %{HTTP_HOST} ^yourdomainname.com
RewriteRule (.*) https://www.yourdomainname.com/$1 [R=301,L]

END REDIRECT NON WWW URL TO WWW URL

Remplacez votre nom de domaine dans trois places, /olddirectory/oldfile.html avec l'ancien nom de fichier et newfile.html avec le nouveau nom de fichier

Redirection simple

# SIMPLE REDIRECT
Redirect /olddirectory/oldfile.html https://yourdomainname.com/newfile.html

FIN SIMPLE REDIRECT

Remplacer /olddirectory/oldfile.html et https://yourdomainname.com/newfile.html

Rediriger le site Web vers https

#Force SSL without www
RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://yourdomain.tld/$1 [R,L]
#Force SSL with www
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://www.yourdomain.tld/$1 [R,L]

Remplacez votredomain.tld avec votre nom de domaine actuel

Écrit par Hostwinds Team  /  Peut 25, 2018