Para melhorar a sua experiência, escute esse artigo. |
Como melhorar o desempenho e velocidade do meu site:
Se o seu objetivo é como melhorar o desempenho e velocidade do seu site você está no lugar certo, pois aqui você encontra de forma simples através do .htaccess com o GZIP e Cache, essa é uma das otimizações possíveis para realizar dentro de um site, uma outra otimização recomendada também é através das otimizações das imagens que nós mencionamos dentro da turma Site OnePage HTML.
##### GZIP - OTIMIZAÇÃO ##### # habilitando Gzip <IfModule mod_deflate.c> AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE image/x-icon AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/x-font AddOutputFilterByType DEFLATE application/x-font-truetype AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE application/x-font-otf AddOutputFilterByType DEFLATE application/x-font-opentype AddOutputFilterByType DEFLATE application/vnd.ms-fontobject AddOutputFilterByType DEFLATE font/ttf AddOutputFilterByType DEFLATE font/otf AddOutputFilterByType DEFLATE font/opentype # For Older Browsers Which Can't Handle Compression BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html </IfModule> #Definir tempode expiração de cache <IfModule mod_expires.c> ExpiresActive on ExpiresDefault "access plus 1 month" ExpiresByType text/cache-manifest "access plus 0 seconds" # Html ExpiresByType text/html "access plus 0 seconds" # Data ExpiresByType text/xml "access plus 0 seconds" ExpiresByType application/xml "access plus 0 seconds" ExpiresByType application/json "access plus 0 seconds" # Feed ExpiresByType application/rss+xml "access plus 1 hour" ExpiresByType application/atom+xml "access plus 1 hour" # Favicon ExpiresByType image/x-icon "access plus 1 week" # Media: images, video, audio ExpiresByType image/gif "access plus 1 month" ExpiresByType image/png "access plus 1 month" ExpiresByType image/jpg "access plus 1 month" ExpiresByType image/jpeg "access plus 1 month" ExpiresByType video/ogg "access plus 1 month" ExpiresByType audio/ogg "access plus 1 month" ExpiresByType video/mp4 "access plus 1 month" ExpiresByType video/webm "access plus 1 month" # HTC files ExpiresByType text/x-component "access plus 1 month" # Webfonts ExpiresByType application/x-font-ttf "access plus 1 month" ExpiresByType font/opentype "access plus 1 month" ExpiresByType application/x-font-woff "access plus 1 month" ExpiresByType image/svg+xml "access plus 1 month" ExpiresByType application/vnd.ms-fontobject "access plus 1 month" # CSS / JS ExpiresByType text/css "access plus 1 year" ExpiresByType application/javascript "access plus 1 month" ExpiresByType text/javascript "access plus 1 month" ExpiresByType application/x-javascript "access plus 1 month" ExpiresByType text/x-javascript "access plus 1 month" </IfModule> #definir controle de cache <IfModule mod_headers.c> <filesMatch "\\.(ico|pdf|flv|jpg|jpeg|png|gif|swf)$"> Header set Cache-Control "max-age=2592000, public" </filesMatch> <filesMatch "\\.(css)$"> Header set Cache-Control "max-age=604800, public" </filesMatch> <filesMatch "\\.(js)$"> Header set Cache-Control "max-age=216000, private" </filesMatch> <filesMatch "\\.(xml|txt)$"> Header set Cache-Control "max-age=216000, public, must-revalidate" </filesMatch> #desligar cache em arquivos php/html/htm <filesMatch "\\.(html|htm|php)$"> Header set Cache-Control "max-age=1, private, must-revalidate" </filesMatch> #Forçar o uso do cache desabilitando o ETag FileETag None Header unset ETag Header unset Cookie Header unset Set-Cookie #utf-8 <FilesMatch ".(htm|html|css|js)$"> AddDefaultCharset UTF-8 </FilesMatch> </IfModule>
Necessário para melhorar o desempenho e velocidade do meu site:
É necessário ter um .htaccess criado dentro do da raiz do seu site para que esse procedimento acima funcione perfeitamente. O arquivo “Htaccess” é uma abreviatura de Hypertext Access. É um arquivo de configuração utilizado para servidores web baseados em apache. O arquivo .htaccess é um pouco especial porque ele começa com um ponto. Isto significa que em alguns programas FTP ele encontra-se oculto e que você não consegue modificá-lo no seu computador sem antes renomeá-lo para, por exemplo, htaccess.txt
Benefícios do .htaccess:
Com o .htaccess você consegue proteger o seu site contra acessos maliciosos, definir para os buscadores quais páginas existem dentro do seu site para melhor rastreamento, proibir acesso de páginas independentes, bloquear um acesso de determinado IP entre outras funções.
Como criar dentro do meu site:
Para criar o arquivo é fácil, basta chama-lo de .htaccess dentro do gerenciador de arquivos do seu site e pronto, arquivo criado com sucesso!