Otimize o site usando o arquivo .htaccess

Ter seu site carregando rápido é uma paixão pela maioria dos clientes do Hostwinds, e sabemos o quão importante é isso. Este guia é ajudar na revisão do seu site e sua velocidade de carga para que a otimização seja vista e testada por você ou pelo seu site.

Também exploraremos muitas opções para você usar e maneiras comuns de otimizar seu site usando um arquivo .htaccess. Isso destina-se a hospedagem compartilhada, hospedagem de negócios, clientes CPanel, VPS, Cloud e Clientes de servidor dedicados usando o Apache WebServer.

Vamos começar usando as ferramentas internas do Google Chrome e usando .htaccess para um servidor Web Apache para este guia.

Criar arquivo .htaccess

A primeira coisa a fazer é crie seu arquivo .htaccess. Antes de continuar com este guia, é importante fazer backup do seu arquivo para garantir que este arquivo possa ser restaurado se o site não for carregado ou tiver quaisquer problemas.

DevTools do Google Chrome

1 Visite o seu site e inicie o Google Dev Tools com F12 no Windows ou também Ctrl + Shift + no teclado. Se você estiver usando um Mac, poderá usar cmd + opt + I. ou, clique com o botão direito na página da Web e selecione Inspecionar elemento para clicar na guia Rede

2 Marque a caixa em desativar cache

3 Clique em Rede deste mesmo menu e recarregue a página. Aqui, os resultados e o tempo de carregamento serão exibidos na parte inferior da tela.

Atualize a página da Web e tome nota do tempo de carregamento, conforme mostrado na imagem acima. Você também vai querer observar o tempo para o primeiro byte, o que seria ideal para ser inferior a 200 ms. A imagem abaixo mostra isso como sendo 120 ms como exemplo:

Otimização de sites

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

END EXPIRES

Compactar conteúdo usando Mod Deflate

# COMPRESSION

COMEÇAR COMPRESSÃO DE DEFLATE

<IfModule mod_deflate.c>

Comprimir HTML, CSS, JavaScript, Texto, XML e fontes

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  

END DEFLATE COMPRESSION

COMPRESSÃO FINAL

Compressão 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.*  

END GZIP COMPRESSION

END GZIP

Cache

#CACHE CONTROL

Cabeçalhos de controle 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

END CACHE CONTROL

Forçar barra final

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

CORTE DE TRILHO DA FORÇA FINAL

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

END EVENT HOTLINKING

Substitua seu nome de domínio pelo seu nome de domínio real URL e hotlinksnotperpitted.jpg

Redirecionar visitantes do site para um site móvel:

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

DISPOSITIVOS MÓVEIS END REDIRECT

Pare de SPAM no 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]  

END STOP SPAM NO WORDPRESS BLOG

Substitua seu nome de domínio pelo seu URL real do nome de domínio

Feeds de redirecionamento

# 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 REDIRECIONE ALIMENTOS DIFERENTES PARA UM ÚNICO FORMATO

Substitua seu domainname pelo seu URL real do nome de domínio

Configure o seu site para vídeos 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

END CONFIGURE SEU WEBSITE PARA VÍDEOS HTML5

Registre os erros do PHP em um registro de erros

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

não exibir erros para o usuário

php_flag display_startup_errors off
php_flag display_errors off
php_flag html_errors off

registrar no arquivo

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

END LOG erros de PHP INTO ~ / public_html / php_error.log

Substitua seu domainname com o seu nome de domínio real URL e ~ / public_html / php_error.log com a localização do seu arquivo de log

Executar PHP dentro de arquivos 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  

EXECUTE O PHP DENTRO DOS ARQUIVOS JAVASCRIPT

Bloquear IPs de usuário

#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

Substitua 123.45.6.7 e 0.1.2.3 com os endereços IP reais que você deseja bloquear

Impedir listagem de diretório de arquivos

#PREVENT DIRECTORY LISTING
IndexIgnore *
#END PREVENT DIRECTORY LISTING

Documento de erro personalizado

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

END ERROR DOCUMENT

Substituir /directory/fileename.ext pelo documento de erro que você gostaria de usar e /rorrors/lostandfound.html com a página de erro 404 que você gostaria de usar para substituir os documentos de erro padrão

Redirecionar URL não-WWW para 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 PARA WWW URL

Substitua seu nome de domínio em três lugares, /olddirectory/oldfile.html com o nome de arquivo antigo e newfile.html com o novo nome de arquivo

Redirecionamento Simples

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

END SIMPLE REDIRECT

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

Redirecionar site para 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]

Substitua o seudomain.TLD com seu nome de domínio real