Optimaliseer website met behulp van .htaccess-bestand

Het laden van uw website is snel een passie voor de meeste hostwinds-klanten, en we weten hoe belangrijk dit is. Deze gids is om te helpen bij het beoordelen van uw website en de laadsnelheid, zodat optimalisatie door u of uw website-ontwikkelaar kan worden gezien en getest.

We zullen ook veel opties verkennen om te gebruiken en gebruikelijke manieren om uw website te optimaliseren met behulp van een .htaccess-bestand. Dit is bedoeld voor gedeelde hosting, zakelijke hosting, CPANEL-clients, VPS, Cloud en Dedicated Server-clients met Apache Webserver.

We beginnen met het gebruik van de ingebouwde tools van Google Chrome en het gebruik van .htaccess voor een Apache-webserver voor deze gids.

Maak .htaccess-bestand

Het eerste dat u moet doen, is maak je .htaccess-bestand. Voordat u verder gaat met deze handleiding, is het belangrijk om een back-up van uw bestand te maken om ervoor te zorgen dat dit bestand kan worden hersteld als uw website niet laadt of u problemen hebt.

Google Chrome DevTools

1 Bezoek uw website en start Google Dev-tools met F12 op Windows of ook Ctrl + Shift + I op uw toetsenbord. Als u een Mac gebruikt, kunt u CMD + Opt + I gebruiken. Of, met de rechtermuisknop op de webpagina en selecteert u Inspectie-element om op het tabblad Netwerk te klikken

2 Schakel het selectievakje cache uitschakelen in

3 Klik op het netwerk in ditzelfde menu en laad de pagina opnieuw. Hier zullen de resultaten en laadtijd aan de onderkant van het scherm tonen.

Vernieuw de webpagina en neem nota van de laadtijd, zoals weergegeven in de bovenstaande afbeelding. U zult ook de tijd aan de eerste byte opmerken, die ideaal zou zijn om jonger dan 200 lidstaten te zijn. De onderstaande afbeelding toont dit als een 120 ms als een voorbeeld:

Website-optimalisatie

Gebruik caching

# 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"  

EINDE VERVALT

Comprimeer inhoud met Mod Deflate

# COMPRESSION

BEGIN ONTLUCHTEN COMPRESSIE

<IfModule mod_deflate.c>

Comprimeer HTML, CSS, JavaScript, tekst, XML en lettertypen

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  

EINDE ONTLUCHTEN COMPRESSIE

EINDE COMPRESSIE

Gzip-compressie

# 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.*  

EINDE GZIP COMPRESSIE

EINDE GZIP

Caching

#CACHE CONTROL

BEGIN Cache-Control Headers

<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

EINDE CACHECONTROLE

Trailing Slash forceren

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

EIND FORCE TRAILING SLASH

Voorkom 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]

EINDE VOORKOM HOTLINKING

Vervang uw domeinnaam met uw werkelijke domeinnaam URL en hotlinksnotpermitted.jpg

Websitebezoekers omleiden naar een mobiele site:

# 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]

BEËINDIG MOBIELE APPARATEN OMLEIDEN

Stop SPAM op WordPress Blog

# 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]  

EINDE STOP SPAM OP WORDPRESS BLOG

Vervang uw domeinnaam met uw werkelijke domeinnaam URL

Omleidingsfeeds

# 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/  

BEËINDIG VERSCHILLENDE VOEDINGSMIDDELEN NAAR EEN ENKEL FORMAAT

Vervang uw domeinnaam door uw daadwerkelijke domeinnaam URL

Configureer uw website voor HTML5-video's

# 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

EINDE CONFIGUREER UW WEBSITE VOOR HTML5-VIDEO'S

Log PHP-fouten in een foutenlogboek

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

geen fouten weergeven voor de gebruiker

php_flag display_startup_errors off
php_flag display_errors off
php_flag html_errors off

log naar bestand

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

END LOG PHP-fouten IN ~ / public_html / php_error.log

Vervang uw domeinnaam door uw werkelijke domeinnaam-URL en ~ / public_html / php_error.log met de locatie van uw logbestand

Voer PHP uit binnen JavaScript-bestanden

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

VOER PHP BINNEN JAVASCRIPT-BESTANDEN UIT

Blokkeer IP-adressen van gebruikers

#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

Vervang 123.45.6.7 en 0.1.2.3 met de werkelijke IP-adressen die u wilt blokkeren

Voorkom directoryvermelding van bestanden

#PREVENT DIRECTORY LISTING
IndexIgnore *
#END PREVENT DIRECTORY LISTING

Aangepast foutdocument

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

EINDE FOUT DOCUMENT

Vervang /Directory/FileName.ext met het foutdocument dat u wilt gebruiken en /rors/lostandfound.html met de 404 foutpagina die u wilt gebruiken om de standaardfoutdocumenten te vervangen

Vermijd niet-www url naar 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 OMLEIDING NIET-WWW-URL NAAR WWW-URL

Vervang uw domeinnaam op drie plaatsen, /olddirectory/ullfile.html met de oude bestandsnaam en newfile.html met de nieuwe bestandsnaam

Eenvoudige omleiding

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

EIND EENVOUDIG OMZETTEN

Vervang /olddirectory/oldfile.html en https://yourdomainName.com/newfile.html

Verwijs de website door naar 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]

Vervang uw domein.tld met uw daadwerkelijke domeinnaam