A comunidade Wordpress tem vindo a crescer ao um ritmo bastante acelerado, mas na verdade os blogs Wordpress podem tornar-se extremamente lentos por diversos motivos.
Eu próprio tenho andado a optimizar aqui o blog, para conseguir acelerá-lo e ao mesmo tempo optimizá-lo para questões que considero importantes.
Aproveitando esse facto, resolvei reunir uma série de dicas de optimização e aceleração para quem utiliza Wordpress (desculpe-me se utiliza Blogger), bem como alguns tweaks simples que podem ser facilmente executados, e que lhe irão garantir um carregamento de página bastante superior.
“Velocidade” - Imagem por WayneMethod
É importante que, embora não aplique todos os ensinamentos aqui escritos, possa aplicar pelo menos alguns deles. É extremamente importante assegurar que a sua página é rápida e facilmente acessível a qualquer utilizador, especialmente os paraquedistas vindos dos motores de busca. Não se esqueça que em média, você tem pouco mais do que 10 segundos para conseguir cativar um paraquedista, e a aceleração e fluidez da sua página, são cruciais nesse aspecto.
[1] Comece por definir uma meta entre passar de um tempo de resposta de 10 segundos para um de 3 segundos.
[2] Utilize uma ferramenta de análise de resultados, e sempre que fizer alterações, verifique novamente os dados e confira se existe progresso. Utilize o Website Speed Test para analisar resultados, e faça vários testes até encontrar o ponto chave. Isso é extremamente importante devido às constantes flutuações nas linhas de internet.
[3] Utilize o Pingdom para analisar ao pormenor a velocidade de carregamento e navegação, da sua página.
[4] Corra algumas ferramentas de rede como o Firebug, Charles Proxy ou o Wireshark e analise os relatórios.
[5] Utilize o YahooSlow para analisar a lentidão das suas páginas, e obter os relatórios de performance baseados na experiência de aceleração de páginas do Yahoo. O YSlow é um add-on para Firefox que funciona através do Firebug.
[6] Optimize as suas imagens para a internet e motores de busca.
[7] Confirme que todas as suas imagens têm tags de largura e comprimento e o ALT Text definido.
[8] Considere passar a alojar as suas fotografias em serviços externos como o flickr, que tem servidores de maior capacidade e capazes de responder às suas exigências.
[9] Não aloje videos no seu servidor. Aproveite para alojá-los em serviços como o YouTube ou o Google Video, que são gratuitos e têm capacidade para responder às exigências externas, não sobrecarregando o seu servidor.
[10] Comprima o seu Javascript com esta ferramenta, e será capaz de reduzir o seu tamanho em cerca de 60%.
[11] Comprima o seu código HTML e o seu CSS, removendo os espaços entre o código e todo o conteúdo não necessário na leitura e execução do mesmo.
[12] Comprima o seu CSS com este CSS Compress WordPress plugin.
[13] Tente utilizar mais scripts externos. Assim o seu browser irá armazená-lo na cache e não terá de o carregar sempre que uma página é aberta.
[14] Corra o teste W3C para conferir que não existem demasiados erros a tornar a sua página lenta. Se existirem, tente rectificá-los.
[15] Utilize poucos widgets na sua sidebar, especialmente se tiverem código Javascipt para carregar.
[16] Remova todo e qualquer plugin que não lhe faça falta. Se está desactivado, então remova-o do seu FTP. No caso de estar instalado e não ser necessário, remova-o também. Muitos plugins criam tabelas na sua base de dados Wordpress, pelo que quanto maior for a base de dados, mais lento se tornará o blog.
[17] Muitos plugins que geralmente utiliza no seu blog Wordpress, pedem-lhe para adicionar pequenas linhas de código no seu theme, a fim de chamar esse mesmo plugin. Depois de remover o plugin, não se esqueça de remover também o código perdido.
[18] Utilize o phpMyAdmin para optimizar as suas bases de dados. Faça login no Cpanel do seu alojamento, entre no phpMyAdmin e seleccione as opções “Repair” e “Optimize” (Reparar e Optimizar).
[19] Faça um check-up à sua base de dados e limpe o histórico de entradas que já não interessam. Todos os plugins utilizam a tabela wp_options para armazenar informação, no entanto, essa é a mesma tabela utilizada pelo Wordpress para armazenar todas as opções do seu blog, o que significa que sempre que uma página é carregada, é feita a leitura dess tabela, portanto, quanto mais lixo lá estiver, mais lenta será a leitura. Utilize portanto este WordPress Clean Options Plugin. Faça um backup da sua base de dados antes de executar o plugin. Se pretender fazer manualmente, visite o phpMyAdmin novamente, entre na tabela wp_options e procure entrada a entrada, informação que seja referente a plugins do passado.
[20] Utilize o plugin Optimize DB para optimizar as tabelas da base de dados do seu blog.
[21] Utilize também o plugin WordPress Plugin: Fix Database para verificar as tabelas e a base de dados, e neste caso encontrar possíveis erros a arranjar.
[22] O plugin WP-DBManager 2.11 também lhe permite fazer optimização das tabelas e base de dados, bem como agendar backups da sua base de dados automaticamente.
[23] Utilize o plugin WP-Cache 2 para que ele faça o carregamento na cache das suas páginas do blog, e as aloje num ficheiro estático, não necessitando depois de recorrer ao carregamento de todo o código PHP e construir a página a partir da base de dados. Isso irá acelerar bastante os pedidos no seu blog.
[24] PHP Speedy é um script que pode instalar directamente no seu servidor de alojamento, para acelerar o carregamento de páginas.
[25] Pode ainda configurar o Apache do servidor para máxima performance.
Na verdade existem muitas mais formas de optimizar e acelerar o carregamento de páginas e scripts no seu blog Wordpress.
Esta é apenas uma listagem que promete entretê-lo durante algum tempo, a optimizar a sua página.
Eu próprio ando a fazer algumas alterações ao nível estrutural do blog, para acelerá-lo um pouco. Neste momento o tempo de resposta dele é de 1,82 segundos, sensivelmente.
Aproveito para desafiá-lo a correr o Teste de Velocidade ao seu blog e a deixar o seu resultado!
Até Já!
Se gostou deste post, considere subscrever o nosso RSS Feed Completo!
Ou então Subscreva o Fique Rico por Email!
Rúben M.
O meu demora a abrir 0,9 segundos, sobre compactar o css recomendo salvarem sempre o css antes da compactação, senão iram ter o triplo do trabalho para o modificar …
Ou seja modificam o css salvam no computador, compactam e enviam para o ftp, quere modificar modificam o do computador e compactam, senão vão se perder, o meu css já vai com 1000 linhas ( claro que no meio estão títulos para dividir por secções )
Rúben M. publicou um post sobre..The web starts here
Fernando (Mestre Zen)
Fantástico, já estou implementando algumas delas imediatamente apesar do meu teste ter indicado 1.06 segundos =] Também já tinha notado como uma limpeza no DB pode fazer a diferença.
Mais um post muito útil, valeu por algumas dicas.
Diego
O meu deu 1.99 seconds.
Como acabei de atualizar o Wordpress (e foi MUITO menos traumático do que pensei) vou otimizá-lo nesse final de semana.
Após seguir as dicas eu volto e digo quanto tempo levou para carregar.
Vou buscar aqui os plugins que usa, para atualizar no meu.
Abraço
Diego publicou um post sobre..Estrutura de Permalinks
Vieira
Boa tarde Paulo !
” Esta é apenas uma listagem que promete entretê-lo durante algum tempo, a optimizar a sua página”.
Quando começar a utilizar a plataforma Wordpress com toda certeza terei momentos de
entretenimento, rss.
Dicas preciosas para ” arredondar ” o site no Wordpress. Parabéns e sucesso !
Vieira publicou um post sobre..Como aumentar o tráfego no site ou blog.
Código PT
Óptimas dicas… Segundo o Pingdom, o tempo total de carregamento do meu site é 6.8 segundos. Vou já fazer algumas alterações para melhorar esse valor!
Código PT publicou um post sobre..YouTube Annotations – Crie notas nos seus vídeos!
Nuno
Muitos parabéns pelo artigo! (os parabéns de minha parte estão-se a tornar redundantes, mas na verdade é que os artigos em questão merecem mesmo!!)
O internetganhardinheiro.com demorou 0.5 seconds :) até é um valor bastante porreiro! Outro blog que tenho, mais pesado pelas imagens demora 0.78 seconds – começo a pensar que o meu webhosting é jeitosito :P
Nuno publicou um post sobre..BlogFixe.com – Blogs gratis para todos
Marcos Elias
Sobre o plugin wp-cache, experimentei recentemente e gostei muito dos resultados. Mas (tudo tem um “mas”…) experimentei algumas coisas indesejadas com alguns plugins que uso. O que me fez por desativá-lo e removê-lo…
Já que vc pediu, aqui os resultados nos meus 3 sites principais:
# Domain name Size - Load Time – Average Speed per KB
1 – marcoselias.com.br – 58.96 KB – 0.93 seconds – 0.02 seconds
2 – http://www.explorando.viamep.com – 93.29 KB – 0.89 seconds – 0.01 seconds
3 – http://www.soubalada.com – 73.84 KB – 0.97 seconds – 0.01 seconds
Sobre a otimização das tabelas e do banco de dados… Vou procurar ler mais sobre como elas funcionam e no que se dá a otimização, fico um pouco “cético” quanto a funcionarem ou não.
Cairia bem uma desfragmentação do HD do servidor, hehe. O que não deixa de ser importante para quem tem um dedicado ou talvez até mesmo um VPS.
Sobre os plugins recomendo usar mesmo só o que interessa, e ainda assim repensar os atuais. O motivo de alto processamento do blog do Custódio recentemente, assim como um meu também, deve ter sido devido a numerosos plugins (pra piorar, num servidor compartilhado com ‘trocentos’ outros sites). O melhor mesmo para sites muito acessados é pegar um servidor virtual (ou dedicado se tiver $$ sobrando), assim essas limitações deixam de ser um problema tão ameaçador.
Falando em otimização, um problema que não sei que se vc já presenciou, Paulo… Esse botão de votação do dihitt, quando o dihitt está “fora do ar” navegar no seu blog fica muitas vezes impraticável: a página “pára” no carregamento do script ou exibição do número de votos, e não exibe o conteúdo. Seria bom repensá-lo, de vez em quando o dihitt tem suas quedas já que é muito acessado :)
Marcos Elias publicou um post sobre..Goosh: Interface de linha de comando para o Google
the best
Quando troquei meu template, a primeira coisa que pensei nos testes era uma melhor performance de carregamento do blog. No template anterior, ele demorava cerca de 6.9 segundos medidos pelo fasterfox (plugin do Firefox) e com o novo template otimizado (sem ir muito a fundo), o carregamento foi de 2,9 segundos.
Eu não consegui resultados melhores que estes, mas também me dei por satisfeito com 3s.
Meu resultado foi:
1 http://www.thebest.blog.br 54.28 KB 0.61 seconds 0.01 seconds
Uma outra dica importante para quem está otimizando seu blog é utilizar poucas imagens no template e quando as utilizar mante-las sempre no mesmo servidor.
the best publicou um post sobre..O que Deus não cria o Photoshop dá uma ajudinha
Paulo Faustino
@ Ruben M.
Obrigado pelo comentário colega. A sua dica parece-me bastante pertinente na verdade. Muito obrigado.
@ Fernando
Obrigado pelo comentário. Algumas das técnicas e ferramentas são extremamente simples de utilizar e produzem resultados imediatos.
Uma das formas mais fáceis de controlar o funcionamento geral, é correndo as validações XHTML e WC3. Assim consegue-se ter uma noção geral de quais os erros que o website tem, e como melhorá-los.
@ Diego
Obrigado pelo comentário. 1,99 é um bom tempo de resposta. Depois coloque informação após a optimização por favor.
@ Vieira
Obrigado pelo comentário colega. Já estava na hora de seguir o tutorial de migração para Wordpress, hein? :D
@ CódigoPT
Obrigado pelo comentário. 6,8 segundos já é um tempo algo elevado. Sugeria uma optimização geral do blog e das tabelas da base de dados. Alguns destes tweaks são simples de executar e podem descer-lhe esse valor imediatamente.
@ Nuno
Obrigado pelo comentário. O colega esteve muito tempo sem actualizar o seu blog. Espero que agora seja para ficar, porque é sempre bom ter conteúdo de qualidade na rede.
Quanto ao tempo de carregamento, está perfeito. 0,5s é um valor muito interessante. Aproveite também para correr as validações XHTML e WC3 e verificar se passa em todos os testes.
@ Marcos Elias
Obrigado pelo comentário colega. O diHiTT trocou recentemente os widgets para um servidor dedicado. Agora o conteúdo da rede está num servidor e os widgets noutro. Assim não há risco de ficar com o site em baixo ou com um overloading.
Na verdade se os widgets não carregarem, o conteúdo do blog carrega normalmente.
Quanto aos seus tempos de resposta, estão perfeitos.
O blog do Custódio é de facto lento a carregar e penso que tenha a ver com os plugins mas também com o facto de estar num servidor dos Estados Unidos, partilhado como mais website, como referiu e bem, o colega.
Até Já! :D
Marcos A.T. Silva
Excelentes dicas, Paulo! :)
Eu sempre fiquei em dúvida quanto a hospedar imagens e vídeos fora dos meus blogs/sites. Acho que sou um tanto quanto “neurótico” nesta parte, e aquele medo de que estes servidores externos venham a falhar e causar problemas no conteúdo do meu blog não me abandona. :(
Eu envio para o meu servidor até mesmo as imagens inseridas nos artigos através do Plugin “PhotoDropper”. Claro, mantenho o link para os autores, as informações de licenciamento, etc. Mas vou rever esta situação com calma.
Quanto ao tempo de carregamento, estou na casa dos 6.1 segundos. Acho que dá pra melhorar bastante esta “marca”.
Um abraço!
Marcos A.T. Silva publicou um post sobre..Lançado Firefox 3 Release Candidate 2
Gustavo
como sempre, Paulo, artigo muito bem escrito e detalhado, vou começar ainda essa semana a colocar algumas dessas dicas em andamento,
um abraço,
Gustavo.
Gustavo publicou um post sobre..Quer ganhar um super livro grátis?
Paulo Faustino
@ Marcos Silva
Obrigado pelo comentário colega. 6,1s é um tempo um pouco elevado. Dá certamente para melhorar.
O facto de alojar imagens e videos em servidores externos, possibilita um carregamento de páginas muito mais rápido, e evita a ocupação de grandes quantidades de espaço no seu servidor, que possivelmente sai-lhe do bolso.
@ Gustavo
Obrigado pelo comentário. Faça uso das ideias base e depois partilhe a evolução dos seus resultados colega.
Até Já!
Marcos A.T. Silva
Olá Paulo!
Você tem utilizado o PHP Speedy no dia a dia do blog? Realmente vale a pena?
Grande abraço! :)
Marcos A.T. Silva publicou um post sobre..Lançado Firefox 3 Release Candidate 2
Paulo Faustino
Olá Marcos. Em termos gerais tudo é benéfico para o resultado final, inclusivamente o PHPSpeedy. Eu quando o descobri pedi para ser instalado no servidor que utilizo, mas dificilmente consigo apresentar dados de antes e depois, porque na verdade nunca houve um antes.
Mas aconselho a utilizar sim.
Até Já.
Marcos A.T. Silva
Olá Paulo!
Obrigado pelo esclarecimento! :)
Marcos A.T. Silva publicou um post sobre..Mais de um milhão de participantes no Firefox Download Day
joao
os meus 2 projectos estao a abrir em <1segundo… tomei a liberdade de incluir o resultado do fique-rico e deu:
http://www.fique-rico.com 105.02 KB 3.4 seconds 0.03 seconds
abraço paulo []
joao publicou um post sobre..A escumalha do Forum Emoddingg e o roubo de conteúdo
Marcelo França
Grande Paulo, ótimas dicas ainda mais agora que finalmente estou com o wordpress…
Meu tempo de carregamento foi:
1 http://www.ultimoclick.net 48.39 KB 0.58 seconds 0.01 seconds
:)
Marcelo França publicou um post sobre..Sites que um dia você irá precisar (10º edição)
Celso Azevedo
Não tenho o WordPress… o meu querido site é feito no frontpage. Mas toda a maneira pensava que estava pior :D
1-www.softmobile.co.cc-34.7 KB 0.88 seconds-0.03 seconds
pauloaraujo
:D
Paulo
Mais uma grande matéria, os blogueiros agradecem..
abs
Paulo Araujo
Revista Internet
Parabéns pelo post, várias dicas muito valiosas, já salvei no meu delicious e vou recomendar! :idea:
Silas Lopes
Mais um belo post.
A velocidade de navegação em um site é um fator muito importante e merece muita atenção.
Parabéns!
Pcsaudavel.com
Paulo
Excelente artigo vou seguir todas as suas dicas ao máximo.
Um Abraço
Roberto
Jackson Rubem
Olá Paulo Faustino e leitores de seu blog.
Parabéns pelo excelente texto.
Fiquei com dúvidas imensas no ítem 13:
“Tente utilizar mais scripts externos. Assim o seu browser irá armazená-lo na cache e não terá de o carregar sempre que uma página é aberta.”
Em meu site http://www.obrasileirinho.com.br coloquei alguns scripts dentro de widgets que estão na sidebar direita: lá consta dois widgets do wonzio.
Como faço especificamente, para colocar o conteúdo destes widgets em um servidor externo sem carregar minha sidebar?
Ao ler seu post e ver o item 13 falando mais ou menos sobre isso, fiquei curioso, e gostaria que você explicasse mais amplamente.
Grato antecipadamente pela resposta.