Tutorial: Melhoria de velocidade no WordPress sem plugin adicional

  • Autor Autor Cicklow
  • Data de início Data de início
Este tópico foi traduzido automaticamente do espanhol. Ver original
Cicklow

Cicklow

Admin
Dseda
Verificado
Verificación en dos pasos activada
Suscripción a IA
Boas, este tutorial será curtinho como coice de mula (ditado antigo :encouragement🙂 e vocês aprenderão como conseguir isto:
sin-t-tulo-4d1f9fb.png

Para conseguir isto temos que editar o .htaccess (ou criar um) no diretório do nosso WP, como fazemos isto?:
1- Baixar .htaccess por FTP ou criar um no nosso PC e enviá-lo por FTP
2- Acessar pelo cPanel com o Gerenciador de Arquivos (selecionar ver arquivos ocultos) e criar ou editar um
3- Instalar o plugin (sim, eu disse sem plugin, mas este plugin não afeta o desempenho nem nada) o qual permite editar o .htaccess, recomendo: https://wordpress.org/plugins/wp-htaccess-editor/ e o mesmo permite editar o .htaccess pelo painel de administração do WP (também faz um backup a cada edição)

Agora teremos que adicionar no .htaccess (acima de todo conteúdo que ele tenha):
PHP:
Options +FollowSymLinks
Options -Indexes
<IfModule mod_headers.c>
    <FilesMatch "\.(js|css|xml|gz)$">
        Header append Vary Accept-Encoding
    </FilesMatch>
    <FilesMatch "\.(ico|jpe?g|png|gif|swf)$">
        Header set Cache-Control "public"
    </FilesMatch>
    <FilesMatch "\.(css)$">
        Header set Cache-Control "public"
    </FilesMatch>
    <FilesMatch "\.(js)$">
        Header set Cache-Control "private"
    </FilesMatch>
    <FilesMatch "\.(x?html?|php)$">
        Header set Cache-Control "private, must-revalidate"
    </FilesMatch>
</IfModule>
<ifModule mod_headers.c>
	Header set Connection keep-alive
</ifModule>
<FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$">
	Header set Cache-Control "max-age=290304000, public"
</FilesMatch>

# BEGIN GZIP
<ifmodule mod_deflate.c>
AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript
</ifmodule>
# END GZIP

<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.*
</ifModule>

<FilesMatch "\.(ico|jpg|jpeg|png|gif|js|css|swf)$">
ExpiresDefault "access plus 2 hours"
</FilesMatch>

FileETag none

<ifModule mod_expires.c>
  ExpiresActive On
  ExpiresDefault "access plus 1 seconds"
  ExpiresByType text/html "access plus 1 seconds"
  ExpiresByType image/gif "access plus 2592000 seconds"
  ExpiresByType image/jpeg "access plus 2592000 seconds"
  ExpiresByType image/png "access plus 2592000 seconds"
  ExpiresByType text/css "access plus 604800 seconds"
  ExpiresByType text/javascript "access plus 216000 seconds"
  ExpiresByType application/x-javascript "access plus 216000 seconds"
</ifModule>

Este código permite gerenciar os tempos de cache, não permitir listagem de diretório sem arquivo de início (exemplo index.php), comprimir o site com gZIP e outros valores mais...

O que acontece se meu site ficar em branco ou der erro 500?
Isto significa que alguma das regras que adicionamos ao .htaccess não é aceita pelo seu servidor, vocês podem ir testando 1x1 removendo até descobrir qual é a causadora do problema.

Quero melhorar mais o WP, o que posso fazer?
Bem, além de todos os tutoriais que existem no fórum, vocês podem instalar um plugin de cache, eu uso ZenCache => https://wordpress.org/plugins/zencache/ funciona muito bem. Se não usam sites responsivos, pode ser que tenham problemas com o cache, já que mostrará o mesmo aos usuários de celulares que aos de PC, para evitar isto há opções no plugin.

Este código funciona para sites que não sejam feitos em WP?
Bem, claro que sim, funciona para qualquer site, seja WP ou não (NÃO blogger)

Tudo bem... mas como sei qual pontuação meu site tem?
Acessa este site: GTmetrix | Website Speed and Performance Optimization você dá analisar e essa será sua pontuação, depois coloca o código no .htaccess e dá no botão re-analisar para ver as mudanças!

Abraços! :encouragement:
 
Última edição:
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Muito obrigado pelo tutorial 😀
 
muito obrigado.. me serviu muito.
 
Aos favoritos, excelente tutorial. :encouragement:
 
Muito bom, muito obrigado
 
Olá, bastante útil o código, seria interessante [MENTION=9679]cicklow[/MENTION] que compartilhasse o site onde realizar a verificação para ver com a mesma exatidão as diferenças.
 
muito obrigado, farei os passos a ver o que resulta, com um pouquinho que melhore meu site já fico satisfeito :boxing1:
 
comparebb.webp

Muito bom, compartilho um antes e depois de aplicar este tuto no meu site.
 
Aos favoritos, tudo do meu papi CCK
 
(você tem razão, esqueci, vou colocar no post)

Ontem, precisamente, estava trabalhando na velocidade do meu site, que anda meio devagar.

Introduzi um código parecido com este, mas faltava o gzip, então copiei e fui colar no .htaccess, para minha surpresa, do código que tinha subido ontem, não há nem rastros.

Então tenho uma dúvida, o tal código se cola dentro ou fora do WordPress, ou seja, assim deve ficar:

# BEGIN WordPress
Options +FollowSymLinks
Options -Indexes
<IfModule mod_headers.c>
<FilesMatch "\.(js|css|xml|gz)$">
Header append Vary Accept-Encoding
</FilesMatch>
<FilesMatch "\.(ico|jpe?g|png|gif|swf)$">
Header set Cache-Control "public"
</FilesMatch>
<FilesMatch "\.(css)$">
Header set Cache-Control "public"
</FilesMatch>
<FilesMatch "\.(js)$">
Header set Cache-Control "private"
</FilesMatch>
<FilesMatch "\.(x?html?|php)$">
Header set Cache-Control "private, must-revalidate"
</FilesMatch>
</IfModule>
<ifModule mod_headers.c>
Header set Connection keep-alive
</ifModule>
<FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$">
Header set Cache-Control "max-age=290304000, public"
</FilesMatch>

# BEGIN GZIP
<ifmodule mod_deflate.c>
AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript
</ifmodule>
# END GZIP

<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.*
</ifModule>

<FilesMatch "\.(ico|jpg|jpeg|png|gif|js|css|swf)$">
ExpiresDefault "access plus 2 hours"
</FilesMatch>

FileETag none

<ifModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 1 seconds"
ExpiresByType text/html "access plus 1 seconds"
ExpiresByType image/gif "access plus 2592000 seconds"
ExpiresByType image/jpeg "access plus 2592000 seconds"
ExpiresByType image/png "access plus 2592000 seconds"
ExpiresByType text/css "access plus 604800 seconds"
ExpiresByType text/javascript "access plus 216000 seconds"
ExpiresByType application/x-javascript "access plus 216000 seconds"
</ifModule>
# END WordPress


ou fora do #BEGIN wORDPESS

# END WordPress
 
Os membros gostam da prática, das imagens, é recomendado para quem está começando. Mas eu sei que se você colocar isso, somaria mais. Mas vale muito mais dar de graça. Abraços.

- - - Atualizado - - -

http://i.imgur.com/et995IA.png merda, 15 segundos, agora vou colocar esse código :sleeping:

Reduzido: http://i.imgur.com/iJVqNwl.png vamos melhorar internamente :C
 
Última edição:
Excelente tutorial amigo! Um abraço!
 
Vou testar o método, muito obrigado por compartilhar [MENTION=9679]cicklow[/MENTION]
 
Voltar
Topo