Ottimizza il sito web utilizzando il file .htaccess

Avere il tuo sito web caricamento veloce è una passione per la maggior parte dei clienti hostwinds, e sappiamo quanto sia importante. Questa guida è di aiutare a rivedere il tuo sito web e la sua velocità di carico in modo che l'ottimizzazione possa essere vista e testata da te o dal tuo sviluppatore di siti Web.

Esploreremo anche molte opzioni per l'utilizzo e i modi comuni per ottimizzare il tuo sito web utilizzando un file .htaccess. Questo è destinato ad hosting condiviso, hosting aziendale, client CPANEL, client CPANEL, VPS, cloud e client server dedicati utilizzando il server web Apache.

Inizieremo a utilizzare gli strumenti integrati di Google Chrome e utilizzando .htaccess per un Webserver Apache per questa guida.

Crea file .htaccess

La prima cosa da fare è crea il tuo file .htaccess. Prima di continuare con questa guida, è importante eseguire il backup del file per garantire che questo file possa essere ripristinato se il tuo sito web non carica o hai problemi.

Google Chrome DevTools

1 Visita il tuo sito Web e avviare Google Dev Tools con F12 su Windows o anche Ctrl + Maiusc + I sulla tastiera. Se si utilizza un Mac, è possibile utilizzare CMD + OPT + I. o, fare clic con il tasto destro del mouse sulla pagina Web e selezionare Ispeziona l'elemento per fare clic sulla scheda Rete

2 Selezionare la casella in Disattiva cache

3 Fare clic sulla rete da questo stesso menu e ricarica la pagina. Qui, i risultati e il tempo di carico verranno visualizzati nella parte inferiore dello schermo.

Aggiorna la pagina Web e prendi nota del tempo di carico, come mostrato nell'immagine sopra. Volete inoltre notare il tempo al primo byte, che sarebbe ideale da 200 ms. L'immagine qui sotto mostra questa come un esempio di 120 ms:

Ottimizzazione del sito web

Utilizza la 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"  

FINE SCADE

Comprimi contenuto utilizzando Mod Deflate

# COMPRESSION

INIZIA LA COMPRESSIONE DI GONFIAGGIO

<IfModule mod_deflate.c>

Comprimi HTML, CSS, JavaScript, testo, XML e caratteri

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  

FINE DELLA COMPRESSIONE DI GONFIAGGIO

FINE COMPRESSIONE

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

FINE COMPRESSIONE GZIP

END GZIP

Caching

#CACHE CONTROL

BEGIN Intestazioni controllo cache

<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

FINE CONTROLLO CACHE

Forza barra finale

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

END FORCE TRAILING SLASH

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

FINE PREVENIRE L'INCOLLAGGIO A CALDO

Sostituisci il tuo nome di dominio con il tuo vero nome di dominio URL e hotlinksnotpermetted.jpg

Reindirizza i visitatori del sito Web a un sito 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]

END REINDIRIZZARE I DISPOSITIVI MOBILI

Ferma lo SPAM sul 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]  

FERMARE LO SPAM SUL BLOG DI WORDPRESS

Sostituisci il tuo nome di dominio con l'URL del tuo nome di dominio effettivo

Reindirizza feed

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

END REINDIRIZZARE ALIMENTI DIVERSI IN UN UNICO FORMATO

Sostituisci tuodomainname con il tuo URL del nome di dominio effettivo

Configura il tuo sito web per i video 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

FINE CONFIGURA IL TUO SITO WEB PER VIDEO HTML5

Registra gli errori PHP in un registro degli errori

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

non mostrare alcun errore all'utente

php_flag display_startup_errors off
php_flag display_errors off
php_flag html_errors off

log su file

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

FINE LOG Errori PHP IN ~ / public_html / php_error.log

Sostituisci tuodomainname con il tuo vero nome di dominio URL e ~ / Public_html / php_error.log con la posizione del tuo file di registro

Esegui PHP all'interno dei file 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  

ESEGUI PHP ALL'INTERNO DEI FILE JAVASCRIPT

Blocca gli IP degli utenti

#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

Sostituisci 123.45.6.7 e 0.1.2.3 Con gli indirizzi IP effettivi che si desidera bloccare

Impedisci elenco directory di file

#PREVENT DIRECTORY LISTING
IndexIgnore *
#END PREVENT DIRECTORY LISTING

Documento di errore personalizzato

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

FINE DOCUMENTO DI ERRORE

Sostituisci /directory/filename.ext Con il documento di errore che desideri utilizzare e /errors/lostardound.html con la pagina di errore 404 che si desidera utilizzare per sostituire i documenti di errore predefiniti

Reindirizzare l'URL non www a URL www

# 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 URL NON WWW IN URL WWW

Sostituisci il tuo nome di dominio in tre posti, /olddirectory/oldfile.html con il vecchio nome file e newfile.html con il nuovo nome file

Reindirizzamento semplice

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

FINE REINDIRIZZO SEMPLICE

Sostituisci /olddirectory/oldfile.html e https://yourdomainname.com/newfile.html

Reindirizza il sito Web a 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]

Sostituisci tuodomain.tld con il tuo vero nome di dominio