Aprenda a deixar seu blog mais rpido

www.brunodesouza.com

Guia para otimizar o carregamento do Wordpress

O trabalho Guia de otimizao para Wordpress de Bruno de Souza foi licenciado com uma Licena Creative Commons - Atribuio 3.0 Brasil. Com base no trabalho disponvel em www.brunodesouza.com. Podem estar disponveis autorizaes adicionais ao mbito desta licena em http://www.brunodesouza.com/contato.

Voc tem a liberdade de:

Compartilhar copiar, distribuir e transmitir a obra. Remixar criar obras derivadas. fazer uso comercial da obra

Sob as seguintes condies:

Atribuio Voc deve creditar a obra da forma especificada pelo autor ou licenciante (mas no de maneira que sugira que estes concedem qualquer aval a voc ou ao seu uso da obra).

Ficando claro que:

Renncia Qualquer das condies acima pode ser renunciada se voc obtiver permisso do titular dos direitos autorais. Domnio Pblico Onde a obra ou qualquer de seus elementos estiver em domnio pblico sob o direito aplicvel, esta condio no , de maneira alguma, afetada pela licena. Outros Direitos Os seguintes direitos no so, de maneira alguma, afetados pela licena: Limitaes e excees aos direitos autorais ou quaisquer usos livres aplicveis; Os direitos morais do autor; Direitos que outras pessoas podem ter sobre a obra ou sobre a utilizao da obra, tais comodireitos de imagem ou privacidade.

Aviso Para qualquer reutilizao ou distribuio, voc deve deixar claro a terceiros os termos da licena a que se encontra submetida esta obra. A melhor maneira de fazer isso com um link para esta pgina.

Guia para otimizar o carregamento do Wordpress

Sumrio
Introduo ..........................................................................................................................3 1. Eliminar plug-ins desnecessrios ......................................................................................4 2. Otimize seu banco de dados .............................................................................................5 3. Desativar a reviso de post e apag-las do banco..............................................................6 4. Use um plug-in de cache ..................................................................................................7 5. Otimize as suas imagens ..................................................................................................9 6. Hospede as imagens de seu blog/site em outro servidor ou em um subdomnio ............. 10 7. Comprimir seu contedo ................................................................................................ 12 8. Desabilitar hotlinking ..................................................................................................... 12 9. Problemas com o gravatar.............................................................................................. 13 10. Otimize seus arquivos css e javascript ........................................................................... 14 11. Reduzir uso de scripts externos .................................................................................... 15 12. Utilize o php flush ........................................................................................................ 16 13. Minimizar o php e consultas de banco de dados ........................................................... 17 14. Otimizando o wordpress pelo wp-config.php ................................................................ 18 15. Limpar o banco de dados.............................................................................................. 20 16. Utilizando um CDN (content delivery network) para otimizar o carregamento .............. 23

Guia para otimizar o carregamento do Wordpress

Introduo
Otimizando a velocidade de nosso site no s o fazemos feliz, mas tambm seus leitores, afinal um site que carrega rpido sempre ter vantagens em relao a um site que demora muito para carregar, alm de economizar banda e os custos de hospedagem. Uma web mais rpida sempre melhor para todos, especialmente para os usurios, e isso pode significar mais visitas a qualquer site que possa se adaptar s novas exigncias. Aumentar a velocidade de carregamento de um site aumenta a taxa de converso, aumentando a experincia do usurio. Por que se preocupar com a otimizao em termos de carregamento? Matt Cutts da Google j confirmou oficialmente que o Google leva em conta o tempo de carregamento para posicionar um site. Se voc tem um site de carregamento lento, isso pode significar rankings mais baixos no Google e menos trfego. Antes de comear a otimizar seu site, voc precisa saber quais as partes que tm de melhorar, quais levam mais tempo para carregar e qual o peso total do mesmo. Para fazer isso eu recomendo que voc use ferramentas como Pingdom ou Firebug (para Firefox) com os plugins PageSpeed ou YSlow. Existem diferentes maneiras de otimizar a velocidade do Wordpress, deixo aqui 15 dicas testadas para voc otimizar a velocidade do seu blog no Wordpress e deixa-lo to rpido como um relmpago. Se voc implementar algumas das dicas descritas abaixo, voc vai notar uma melhora dramtica no desempenho do seu site Wordpress.

Guia para otimizar o carregamento do Wordpress

1. Eliminar Plug-ins Desnecessrios

Se voc est usando 20 plug-ins no seu blog voc precisa verificar se isso realmente necessrio, se no os apague. Certifique tambm se os plugins que esto em uso, esto atualizados. Uma das melhores formas de descobrir quais plug-ins esto deixando o carregamento do seu blog lento utilizar o P3 (Plug-in Performance Profiler), um plug-in que faz uma anlise da performance de todos os plug-ins permitindo que voc veja se o problema est em algum plug-in.

Este plug-in, criado pela GoDaddy, faz uma anlise do carregamento de vrias pginas do seu blog, v quais so os tempos de carregamento de cada plug-in, o tempo de carregamento do site sem plug-ins, mostra o nmero de queries feitas base de dados, entre outros. Todos os relatrios so guardados para que depois voc possa comparar com relatrios mais recentes e pode tambm enviar os resultados por email (til se pedir ajuda a algum para resolver a lentido).

Guia para otimizar o carregamento do Wordpress

2. Otimize seu banco de dados

Um Banco de dados Mysql no se limpa sozinho. Otimizar o banco de dados um passo importante para acelerar o seu blog. Para otimizar seu banco de dados, voc pode fazer isso manualmente ou usar um plugin. Eu prefiro manualmente, e sem necessidade de plugins desnecessrios. Voc ficar surpreso com o quanto voc pode diminuir o tempo de carregamento de seu site, voc ir perceber uma melhora significativa no carregamento do site, alm de parecer que voc tirou um fardo do seu banco de dados. Se voc quiser fazer isso da forma mais fcil, instalar o plug-in Optimize DB ou WP Optimize. Se voc quiser fazer isso manualmente faa o seguinte:

1. 2. 3. 4. 5.

Voc deve abrir o gerenciador de banco de PHPMyAdmin Selecione o seu banco de dados. Ao clicar em "Marcar Tudo" na parte inferior da pgina. Escolha a opo "Otimizar tabela" na lista suspensa ao lado. E pronto!

Faa backup do seu banco de dados antes de realizar qualquer teste nele, pois se der algo errado, voc poder voltar o banco normalmente.

Guia para otimizar o carregamento do Wordpress

3. Desativar a reviso de Post e apag-las do Banco

A reviso de Posts foi introduzida no Wordpress a partir da verso 2.6, mas ser que elas so realmente necessrias. Estas revises so criadas para caso voc queira restaurar algum artigo, voltar para uma reviso antiga. Porm se voc modificar um A no texto e salvar, ser criada uma nova reviso e quanto mais voc editar o artigo, mais revises sero criadas. Com isso o tempo de carregamento do seu blog vai para o espao, pois o tempo usado para consultar o banco de dados ser maior devido ao nmero de revises que esto armazenadas nele. Se voc no precisa deste recurso, voc deve adicionar a seguinte linha no arquivo wp-config.php na sua instalao do Wordpress: define('WP_POST_REVISIONS', FALSE); Se voc deseja eliminar todas as revises do Banco de dados basta realizar a seguinte consulta: DELETE a,b,c FROM wp_posts a LEFT JOIN wp_term_relationships b ON (a.ID = b.object_id) LEFT JOIN wp_postmeta c ON (a.ID = c.post_id) WHERE a.post_type = 'revision'; Se voc no tem habilidade em gerenciar banco de dados mysql, voc pode usar o Plug-in Delete Revision que faz todo o trabalho para voc ele pode ser baixado aqui ou atravs de uma busca na pgina Plug-ins > Adicionar Novo em seu painel de administrao. Depois de instalado, v a Configuraes > Delete-Revision e clique em Verificar Artigos de Reviso.

Guia para otimizar o carregamento do Wordpress

4. Use um plug-in de Cache

O Wordpress um sistema de gesto abrangente e muito flexvel, mas tambm faz um uso excessivo de recurso de CPU. Para aliviar este fardo para os servidores, o Cache tem um papel importante e cada instalao do Wordpress deve ter um. A funo dos plugins de cache criar pginas estticas (somente HTML) de cada pgina do seu blog e, quando um visitante acessa o seu blog, o prprio plugin de cache se encarrega de fazer poucas consultas bsicas ao banco e dados central do Wordpress e compara os resultados com as pginas que j esto armazenadas em cache. Caso o resultado seja semelhante, o plugin de cache interrompe essas consultas ao Wordpress e simplesmente entrega ao visitante uma pgina esttica que no ir gerar nenhum tipo de consulta ao banco de dados. Isso diminui o tempo de acesso do visitante ao site, fazendo com que os elementos do site (imagens, css, Javascript) carreguem mais rpidos e assim poupando recursos de banda e CPU. Existem vrios plug-ins para gerenciar o cache do Wordpress Wp Super Cache, W3 Total Cache, Hyper Cache, Db Cache, etc., mas vou citar aqui a mais completa deles, o W3 Total Cache, uma soluo bastante completa, bem como a criao de um cache esttico, fornece vrias ferramentas para acelerar o carregamento de um site em Wordpress. O W3 Total Cache faz jus ao seu nome e a mais completa soluo de cache. Suas vantagens so: Apoio simples, bom e documentao completa. Compatvel com hospedagem compartilhada, VPS e dedicada. As diferentes opes para o cache de pginas: no disco (por padro) com PHP Cache Alternativo (APC), eAccelerator, XCache e Memcache. Minificao do HTML, CSS e arquivos Javascript para acelerar o local de carregamento. Opo para cache do Banco de Dados.

Guia para otimizar o carregamento do Wordpress

Compatvel com CDN (Content Delivery Network), Amazon CloudFront, Amazon S3 ou qualquer outro sistemas. Falarei do CDN mais abaixo. No vou entrar em detalhes sobre a configurao do W3 total cache, mas sua configurao muito simples, o EscolaWp escreveu um manual que ensina a configurar o plug-in. Como instalar e configurar o plugin W3 Total Cache no WordPress.

O que no fazer cache?

Existem alguns elementos em um blog que voc deve evitar o cache. Como anncios, feeds ou qualquer contedo dinmico obtido usando php ou um sistema de servidor. O ponto inteiro de cache para poupar tempo, evitando processos do lado do servidor. Se voc tiver qualquer contedo que precisa mudar para cada visitante, ento voc deve evitar o cache dessa pgina ou contedo. No se preocupe com seus anncios do Google ou BuySellAds. Esses anncios so entregues usando Javascript e o cache no afetar a entrega desses anncios. A maioria dos sistemas baseados em Javascript no sero afetados pelo cache, uma vez que so scripts do lado do cliente, e no os scripts no servidor. Embora seja sempre uma boa prtica verificar para garantir que o seu contedo dinmico no est sendo armazenado em cache.

Voc saiba!
1. Se voc j estiver usando o plug-in PHP Speedy certifique-se de remov-lo antes de instalar qualquer plug-in de cache que eu mencionei acima. O PHP Speedy pode causar conflitos com os plugins. Em minha opinio um plugin de cache supera os benefcios do PHP speedy. Plug-in de Cache uma escolha melhor e o PHP speedy j passou a sua vida til. 2. preciso tempo e esforo para configurar corretamente W3 cache total por causa das muitas opes disponveis. 3. Se voc decidiu usar o plugin Hyper cache, ser preciso usar com ele o plugin DB Cache Reloaded, eles se complementam, e voc obter um bom impulso no desempenho. Fiz alguns testes e gostei bastante, mas particularmente prefiro o W3 Total Cache.
8

Guia para otimizar o carregamento do Wordpress

5. Otimize as suas imagens

As Imagens se tornam um fardo muito pesado em um site e consomem largura de banda em nosso servidor. Para evitar estes efeitos, essencial otimizar as imagens e de preferencia utilizar apenas arquivos JPEG. Se voc editar suas imagens no Photoshop, use sempre a opo "Salvar Web e dispositivos ou usar algumas ferramentas para otimizar suas imagens que apresento abaixo: Ferramentas Online:

Punyp Smush.it ( Possui plug-in para Wordpress) Online Image Optimizer

Ferramentas para Desktop

Shrink O'Matic RIOT PNGGauntlet

Existe tambm um plugin para Wordpress chamado Lazy Load, o trabalho dele carregar imagens somente quando elas se tornam visveis no browser. Com o efeito fade voc faz um retoque bem interessante para o site. Faz algo sofisticado que alguns blogs famosos, como o Mashable, esto usando. O plug-in proporciona uma dupla reduo: 1- No tempo de carregamento da pgina para o usurio final; 2- No consumo de recursos do servidor, principalmente do LOAD da mquina.

Guia para otimizar o carregamento do Wordpress

6. Hospede as imagens de seu blog/site em outro servidor ou em um subdomnio

Quando voc tem um site muito popular, tende a usar uma grande quantidade de banda. Para reduzir esta largura de banda e fazer que seu site carregue rapidamente, a soluo salvar suas imagens em outro servidor. Existem muitos servios populares que permite hospedar essas imagens:

Amazon S3 Flickr PicasaWeb

Outra maneira de otimizar o carregamento do seu blog transferir todas as imagens do seu domnio principal (ex: seudominio.com) para um subdomnio (ex: cache.seudominio.com) voc estar aumentando o poder de carregamento do seu blog, j que cada domnio, por padro, s carrega dois arquivos simultaneamente. Aps criar o subdomnio, voc precisa configurar o Wordpress para que, a partir deste momento, todo upload seja realizado diretamente para cache.seusite.com. Para isto, basta ir a Configuraes e clicar em Mdia, conforme ilustrado a seguir:

Agora como caminho para upload alterado, necessrio que voc transfira as imagens que esto no domnio principal, mais precisamente na pasta wp-content/uploads, ser necessrio realizar uma migrao completa, via FTP ou via Cpanel, para o subdomnio, j que o Wordpress no vai mais reconhecer este local. Tambm vai ser necessrio atualizar o caminho das imagens em todos os posts antigos atravs do phpMyAdmin. Para isso, basta selecionar seu banco de dados no menu lateral e clicar na aba SQL.
10

Guia para otimizar o carregamento do Wordpress

Copie e cole o cdigo abaixo e clique em Executar: UPDATE wp_posts SET post_content = REPLACE(post_content,'http://www.seusite.com/wpcontent/uploads/','http://images.seusitecom/') Tambm ser necessrio atualizar os links da biblioteca de imagens rodando mais um comando SQL, mas com o cdigo abaixo: UPDATE wp_posts SET guid = REPLACE(guid,'http://www.seusite.com/wpcontent/uploads/','http://images.seusite.com/') Todas estas dicas vo ajudar seu blog a carregar rapidamente. Importante s dicas que forem ser executadas no Banco de dados, criem um backup antes caso algo sai errado.

11

Guia para otimizar o carregamento do Wordpress

7. Comprimir seu contedo

Isto se faz mediante ao Arquivo .htaccess que est na raiz do seu FTP , se no tive crie-o, este arquivo permite comprimir os arquivos do seu blog (css, JavaScript, php, html y xhtml). Existem vrias maneiras de faz-lo dependendo da verso do seu apache. Para verses do apache inferiores a 2.x, use o seguinte cdigo:

Se a verso do seu servidor Apache 2.x, voc pode utilizar o mod_deflate tambm:

Os dois cdigos podem ser baixados em http://migre.me/8GZOO

8. Desabilitar Hotlinking
O hotlinking, tambm conhecido como roubo ancora de banda, quando algum copia a URL da sua imagem, e a utilizando sem seu prprio site, o que faz utilizar banda do seu servidor. Existem vrias formas de evitar isto colocando um pequeno cdigo no .htaccess, que est na raiz do seu servidor.

cdigo pode ser baixado em http://migre.me/8GZNR

12

Guia para otimizar o carregamento do Wordpress

9. Problemas com o Gravatar

Pode parecer estranho, mas um dos grandes problemas de velocidade no meu blog estava sendo o Gravatar. O Gravatar o servio que adiciona automaticamente as imagens avatar ao lado dos comentrios. Uma soluo simples seria a de desativar avatares completamente, mas que provavelmente ir fazer a sua seo de comentrios ficarem com olhar um pouco triste. Alm disso, os avatares ajudam a manter o controle de quem est dizendo em discusses, por isso so mais do que pura vaidade. A melhor soluo colocar o avatar padro para "em branco". Desta forma, os usurios que criaram um avatar o tero exibido junto ao seu comentrio, mas os usurios sem um Gravatar associado ao seu email tero um avatar em branco. Com avatar padro ativado, seu site precisa para fazer uma chamada externa ao Gravatar para cada imagem exibida e isso pode ser um assassino de velocidade real. Uma segunda opo adicionar seu avatar prprio padro e hosped-lo no seu site Para fazer isso, abra o arquivo functions.php e adicione o seguinte cdigo:
add_filter( 'avatar_defaults', 'newgravatar' ); function newgravatar ($avatar_defaults) { $myavatar = get_bloginfo('template_directory') . '/images/seuicone.png'; $avatar_defaults[$myavatar] = "NomedoAvatar"; return $avatar_defaults; }

Envie sua prpria imagem para o Gravatar novo padro para a pasta do tema que voc est usando (/ wp-content/themes/seutema). E a Terceira opo seria usar o FV Cache Gravatar, que acelera o seu site, certificando-se que os Gravatars esto armazenados em seu site e no carregar a partir do servidor do Gravatar.
13

Guia para otimizar o carregamento do Wordpress

10. Otimize seus arquivos CSS e JavaScript

Os arquivos CSS e Javascript pode ser otimizados para reduzir o tamanho dos mesmos. Por exemplo, as linhas em branco e classes CSS sem uso, devem ser eliminadas. Ao otimizar estes arquivos, voc pode reduzir efetivamente o uso de banda do seu servidor para comprimir o css existem vrias ferramentas:

WP CSS: um plug-in para Wordpress CSSOptimizer CSS Compressor Clean CSS

Para ajudar a otimizar seus arquivos Javascript existem as seguintes ferramentas:

JavaScript Compressor Another JavaScript Compressor

Coloque o JavaScript (jquery, mootools, prototype e outros) no fim do cdigo. Ah, mas me disseram que tem que colocar dentro da tag <head> voc agora est aprendendo algo novo. Coloque o JS antes de fechar a tag </body>. Motivo: o JavaScript no carrega simultaneamente com o css. Ento carregue primeiro o seu design e depois o JS. Coloque o css entre as tags <head> Coloque o JavaScript antes do fechamento do <body> Se for usar bibliotecas JS como Jquery, Mootools e outros. Utilize bibliotecas que esteja hospedado em outro site (exemplo Dropbox). Assim os usurios no precisam carregar o script, j vai estar no cache. O Google fornece essa biblioteca externa: http://code.google.com/intl/ptBR/apis/ajaxlibs/documentation/index.html

14

Guia para otimizar o carregamento do Wordpress

11. Reduzir uso de scripts externos

Quando seu blog carrega lentamente, voc deve pensar seriamente e remover os Widgets de Pginas de Fs, ltimas atualizaes do Twitter, botes do Twitter, pois estes esto fazendo que o carregamento de seu site dependa de outro site. Se voc vai usar tweet Button procure usar o plug-in ao invs de um script externo. Confira um exemplo prtico: A maioria dos blogueiros utilizar o Tweet Button para os usurios publicarem seus artigos no Twitter. Normalmente adicionamos ao cdigo do Wordpress o seguinte cdigo do Twitter: <a href="http://twitter.com/share" class="twitter-share-button" dataurl="<?php the_permalink(); ?>" data-text="<?php the_title(); ?>" datacount="vertical" data-via="mktdigitalblog">Tweet</a></script> <script type="text/JavaScript" src="http://platform.twitter.com/widgets.js"> Normalmente no Home do Wordpress, colocamos para serem visualizados 10 artigos, voc sabia que adicionando o cdigo como ele est, far 10 requisies ao:
<script type="text/JavaScript"src="http://platform.twitter.com/widgets.js">.

A dica , adicione apenas a parte em vermelho ao seu arquivo (index.php, Archive.php, etc.) e coloque o comando que se refere ao JavaScript no Rodap, assim o WordPress far apenas uma requisio e carregar todos os botes. Coloque o JavaScript em arquivos externos sempre que possvel, ao invs de colocar o cdigo diretamente no HTML. Com essa tcnica o browser no precisa carregar novamente o cdigo da pgina, pois o mesmo estar no cache. Reduza a quantidade de arquivos externos, combinando os cdigos em um nico arquivo. Isso economiza diversas requisies HTTP, cruciais para o desempenho do site. (Combinar determinados arquivos s vezes pode causar erros, caso o tenha feito, verifique todo o seu blog).

15

Guia para otimizar o carregamento do Wordpress

12. Utilize o PHP Flush

Ao usar a funo PHP flush, voc vai melhorar um pouco a velocidade do seu site Wordpress. Quando os usurios solicitarem uma pgina da Web, pode levar at 0,5 segundo para o servidor para exibir a pgina HTML. Durante este tempo o navegador permanece inativo. A funo flush () ajuda a carregar o HTML parcialmente para o navegador, enquanto o servidor est ocupado com o resto do contedo. Para inserir a funo flush () no seu cdigo do Wordpress, abra o arquivos header.php localizado na pasta do seu tema e insira a nica linha de cdigo imediatamente aps a tag </ head> e antes da tag <body> <?php flush(); ?>
//inserir depois de head

Se voc estiver usando o plugin W3 Total Cache em seu site, provavelmente mais seguro no usar o flush (). Eu estava usando ambos por vrias semanas e tudo estava funcionando bem, sem problemas, mas eu decidi remover o flush () funo apenas para ser seguro. No tenho certeza sobre a compatibilidade da funo flush () com outros plugins de cache. Dando uma pesquisada sobre o Flush, encontrei a seguinte dvida no FAQ do wp total cache. Eu vejo caracteres estranhos em vez do site normal, o que pode estar acontecendo? Se um tema usar o php_flush call () ou flush function (), a funo ir interferir no funcionamento do plugin; far o plugin enviar arquivos em cache antes que as operaes essenciais terminem. Sendo assim, o flush no mais necessrio e deve ser removido. Realizei alguns testes e o tempo de carregamento reduziu em cerca de 1,5 segundos. Acreditem, na Internet, 1 segundo e meio muito tempo.

16

Guia para otimizar o carregamento do Wordpress

13. Minimizar o PHP e consultas de banco de dados

Uma das coisas mais importante para otimizar seu Wordpress reduzir consultas (queries) para os arquivos PHP e banco de dados. Cada vez que uma pgina do nosso site carregada, o navegador tem que executar determinadas consultas ao banco de dados e ao PHP, o que aumenta o tempo de carregamento do site e aumenta o consumo de recursos para o servio de hospedagem.
<?php <?php <?php <?php bloginfo('name'); ?> bloginfo('description'); ?> language_attributes(); ?> bloginfo('html_type'); ?>

Uma soluo para este problema substituir as consultas PHP por cdigo HTML esttico, que, cada vez que uma pgina carregada, o navegador s tem que ler o cdigo HTML. Algumas dessas chamadas de banco de dados so inevitveis, mas algumas podem ser evitadas simplesmente usando um Plug-in de Cache. No entanto, as chamadas de banco de dados ainda sero necessrios para gerar o arquivo esttico aps uma cache est sendo limpo. Tente remover o mximo possvel de consultas queries PHP. Aqui est uma dica de como verificar quantas consultas de banco de dados o seu tema / blog est fazendo. Voc pode inserir esse trecho de cdigo no seu arquivo footer.php (ou em qualquer lugar) para torn-lo exibir o nmero de consultas: Num_queries <php echo $ wpdb de?>;?> <Php _e ('consultas');?>. Abaixo est um exemplo de consulta com o respectivo PHP que podem ser substituda por HTML: <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" /> A consulta acima deve ser substituda por: <link rel="stylesheet" type="text/css" media="all" href=http://seusite.com/wp-content/themes/seutema/style.css" />

17

Guia para otimizar o carregamento do Wordpress

14. Otimizando o Wordpress pelo Wpconfig.php

H muitas maneiras de otimizar o Wordpress e uma maneira fcil de otimiz-lo atravs do arquivo wp-config.php neste arquivo esto s configuraes que tornam o nosso trabalho com Wordpress mais fcil. Para comear s temos que editar esse arquivo com qualquer editor de texto e fazer os ajustes necessrios. Cada poro de cdigo que voc adicionar o arquivo wp-config.php deve ser colocado em uma nova linha no final do arquivo e verificar se h cdigo repetitivo. Antes de fazer qualquer alterao no arquivo wpconfig.php , faa um backup no caso de algo der errado. Adicione os seguintes cdigos ao seu wp-config: Endereo da Home do Blog define('WP_HOME', 'http://seusite.com'); Endereo do site define('WP_SITEURL', 'http://seusitecom'); Caminho do tema define('TEMPLATEPATH', '/absolute/path/to/wpcontent/themes/seutema); Caminho para o style.css define('STYLESHEETPATH', '/absolute/path/to/wpcontent/themes/seutema); Desabilitar a reviso de artigos define('WP_POST_REVISIONS', false); Habilitar o cache define('WP_CACHE', true);
18

Guia para otimizar o carregamento do Wordpress

define('ENABLE_CACHE', true); Configurar tempo de expirao do cache define('CACHE_EXPIRATION_TIME', 1800); // em segundos Desabilitar o cache define('WP_CACHE', false); define('DISABLE_CACHE', true); Esta opo permite que voc especifique o nmero de dias que leva para remover artigos da lixeira. define ('EMPTY_TRASH_DAYS', 30), / / 30 dias O cdigo a seguir otimiza automaticamente o banco de dados MySQL. define ('WP_ALLOW_REPAIR', true); H muitos ajustes, mas s descrevi os mais importantes e, por enquanto isso tudo.

19

Guia para otimizar o carregamento do Wordpress

15. Limpar o Banco de Dados

Recentemente notei que a tabela wp-options estava ficando muito grande e estava cheio de entradas de plug-ins que tinha instalado h meses ou mesmo anos. Para aqueles que no tm um conhecimento muito avanado do Wordpress, excluir entradas desnecessrias diretamente no PhpMyAdmin pode ser perigoso porque pode limpar algo necessrio para executar o WordPress ou at mesmo algo danos vezes que nosso blog no funciona. Por isso, eu procurei na Internet alguma soluo que encontrasse entradas rfs e que as removesse da tabela wp-options no banco de dados. No final, eu consegui encontrar um plug-in muito til e prtico chamado CleanOptions. um simples usar com o qual podemos facilmente limpar as entradas que esto consumindo nosso banco de dados. Dependendo do caso pode nos ajudar a economizar alguns KB ou MB, dependendo de quantas entradas rfs encontrar. Segundo os especialistas, uma tabela wp_options menor e otimizada pode melhorar o desempenho do site e reduzir o consumo de recursos. No entanto, antes de usar o plug-in recomendado fazer um backup do banco de dados em caso de excluso de uma entrada importante. Com isto, no caso de quaisquer problemas voc poder recuperar o banco. Uma vez instalado o plug-in e ativo, o procedimento a ser aplicado o seguinte:

Clique em Ferramentas (Tools) e depois em CleanOption.

20

Guia para otimizar o carregamento do Wordpress

melhor usar a configurao regular do plug-in, para, em seguida, clique em "Buscar opes Orfs".

O plug-in ir buscar entradas rfs que esto sobrando na tabela. Se voc tiver plug-ins desativados, eles tambm podem aparecer. Em seguida, selecione "Opes Exibir informaes" (Veja informaes sobre as opes selecionadas).

Analise cuidadosamente os dados apresentados para cada entrada rf apresentada pelo plug-in a fim de determinar se importante ou no.

21

Guia para otimizar o carregamento do Wordpress

Se voc tem certeza absoluta de que deseja excluir entradas, selecione Sim e clique no boto Enviar, mas caso contrrio melhor selecione No e clique no boto que diz que no. Neste plug-in no existe a opo "undo" (desfazer) uma vez que voc executar a limpeza, ela permanente, por isso que essencial fazer o backup do banco de dados antes de comear.

Opes removidas. Uma vez feito ir exibir uma lista como apresentado abaixo:

Antes de otimizar e reparar a tabela wp_options, voc deve rever o blog para verificar se tudo funciona corretamente, incluindo plug-ins. Se um plug-in no est funcionando, voc precisa desativ-lo, exclu-lo e reinstal-lo. Se tudo funciona corretamente, podemos fazer um backup do banco de dados no phpMyAdmin e usar os recursos desta otimizao e reparar bancos de dados.

22

Guia para otimizar o carregamento do Wordpress

16. Utilizando um CDN (Content Delivery Network) para otimizar o carregamento

O CDN (Content Delivery Network) um sistema de distribuio de arquivos de contedo por vrios servidores espalhados na rede de Internet. O CDN pode aumentar o desempenho e a capacidade de entrega do servidor web, oferecendo ainda redundncia dos servidores de contedo. Por que usar o CDN? Na ultima dcada houve um crescimento explosivo da Internet, seja pelo aumento do contedo de alta qualidade como o vdeo, vide exemplo Youtube ou pelos meios alternativos de se consumir Internet como os celulares, tablets e Ipads. Oferecer contedo hoje exige servidores robustos, caros, distribudos em larga escala e muita quantidade de banda. Principais Benefcios Entre os principais benefcios de uma CDN podemos citar: Aumento na capacidade de entrega dos servidores atuais; Reduo da necessidade de investimentos em hardware nos servidores de origem; Infraestrutura de servidores com 99,99% de disponibilidade (hoje esse SLA s quebrado caso a origem fique indisponvel); Reduo do consumo de banda; Distribuio por Geolocalizao entregando o contedo na rede mais prxima do cliente ou na rede com melhor desempenho. Escalabilidade - facilidade de ampliao da capacidade em caso de aumento de trfego. Ganho de velocidade de carregamento em casos de site com gargalo pelo grande nmero de acessos.

23

Guia para otimizar o carregamento do Wordpress

Depois que o Google adicionou a velocidade de carregamento da pgina como um fator determinante resultados da pesquisa, webmasters esto em uma misso para melhorar a velocidade de seus sites. Muitos j esto experimentando plug-ins de cache e tcnicas de otimizao de imagem. Se est procurando mais formas de otimizao de velocidade, em seguida, uma coisa que voc tem que considerar o uso de um Content Delivery Network ou CDN. Vou ensinar a configurar um CDN para seu blog em Wordpress utilizando o Speedy Mirror que oferece 5GB de banda gratuitamente.

Como configurar o Speedy Mirror

1 - Primeiro, v para SpeedyMirror.com e crie uma conta. 2 - Depois de confirmado o endereo de e-mail. Faa login na sua conta e inicie a criao de espelhos. Voc pode ter quantos servidores quiser para que voc possa us-lo para vrios blogs. Clique no link Mirror e no boto Add New mirror.

24

Guia para otimizar o carregamento do Wordpress

Agora d um nome para o espelho, digite a URL do seu blog colocando o / no final do endereo e clique em Detectar salvar. Agora o seu espelho est pronto para usar. Cada espelho (alias) recebe um subdomnio gratuito no seguinte formato: seumirror.speedymirror.com. Se voc gosta de deixar as coisas mais ajeitadas, voc pode configurar um CNAME para o seu espelho. Conforme imagem abaixo:

Meu espelho brunodesouza.speedymirror.com. Eu criei um CNAME cache.brunodesouza.com e o apontei para o meu espelho.

Como configurar Speedy Mirror para WordPress?

Primeiro voc precisa ter plug-in W3 Total cache ou o WP Super cache instalado no seu blog (eu sei que a maioria deve usar o W3, o melhor plug-in cache que eu j usei). Agora v para as configuraes gerais de W3 Cache Total. Desa at CDN e Ative o CDN e Escolha o tipo de CDN como Generic Mirror.

25

Guia para otimizar o carregamento do Wordpress

Outra opo gratuita de CDN e o Cloudflare que um servio que permite tornar o seu site mais seguro e ao mesmo tempo pode torna-lo mais rpido (se ainda no o conhece, leia o artigo o que o Cloudflare e quais so os seus benefcios). No vou entrar em detalhes no Cloudflare, pois nosso amigo Celso Azevedo publicou um tutorial para configurar o Cloudflare. Como Usar o Cloudflare. No posso deixar de citar o CoralCDN que uma rede de distribuio de contedo (Content Delivery Network) baseada em P2P que possui 206 servidores espalhados pelo mundo, inclusive no Brasil. Ele foi feito para evitar que o carregamento do seu site seja prejudicado quando uma grande quantidade de visitantes acessa a mesma pgina, fazendo todos carem. Diferente do Cloudflare e do Speedy Mirror a configurao para utilizar o CoralCDN simples, baixe o plug-in FREE CDN que substitui todos os links para scripts, estilos e imagens por endereos atravs da rede do CCDN. Isso significa que o que antes era carregado atravs de: http://brudesouza.com.com/wp-content/uploads/2012/04/imagem.jpg Agora passa a vir de: http://brunodesouza.com.net.nyud.net/wpcontent/uploads/2012/04/imagem.jpg Assim, a carga que iria somente para os servidores da HostGator, passa a ser distribuda pelo CoralCDN, acelerando o carregamento independente de que parte do globo voc estiver. Junte isso ao sistema de cache que utilizo e voc tem um site super leve que no sobrecarrega o servidor. Atualmente no meu blog, estou utilizando o CDN americano CDN777 que tem um preo bastante acessvel e seu funcionamento semelhante ao Speedy Mirror, cria uma URL dentro do sistema e depois adiciona um CNAME no seu host e pronto o contedo esttico do seu blog j estar disponvel em diversas partes do mundo. Quem quiser pode fazer um Trial de 14 dias, eu RECOMENDO.

26

Guia para otimizar o carregamento do Wordpress

Vocs podem estar se perguntando, existe algum servio de CDN no Brasil? Sim, Existe CDN no Brasil, mas em relao aos CDNs estrangeiros a contrao no vale a pena. Digo isso, pois os preos so totalmente fora de mo, os servios oferecidos no Brasil so praticamente para grandes corporaes, quando digo grandes, me refiro, a Globo.com, R7 entre outras empresas. Alm de no serem nenhum pouco confiveis, abaixo deixo uma lista de alguns CDNs nacionais ou quase isso: Distribui: Parece interessante uma vez que o foco deles justamente CDN no Brasil. Exceda: Akamai no Brasil. Muito bom e caro. Global Crossing: Essa empresa provedora de banda para as ISPs brasileiras. Possui quilmetros de fibra no territrio brasileiro. Samba Tech: O R7 da Record fica l. Admotion: Interessante, porm somente 2 pontos de acesso por aqui (So Paulo e Buenos Aires). UPX CDN: Pelo que pesquisei uma empresa Brasileira que oferece o servio Cloud Cache para acelerar seu site. Entrei em contato para ver os preos e so totalmente fora de mo. R$ 300,00 por 100 GB de transferncia. Pago atualmente $ 4,99 por esta mesma quantidade de transferncia.

27

Guia para otimizar o carregamento do Wordpress

Sobre o Autor
Bruno de Souza o CEO do Marketing Digital 2.0 e criador do primeiro blog sobre Educao Mvel do Pas, o MLearningPedia. Social Media and Mobile Learning Research e Amauter Roller nas Horas vagas. Colunista nos blogs: Papos na Rede, Midiaboom, Midiassociais.net, Webinsider e ResultsOn. Em 2010 citado como referencia nacional em mdias sociais, no livro A revoluo das Mdias Sociais Frase Favorita: Ideias podem vencer crises por Cladio Nader. Contato: contato@brunodesouza.com Twitter: @brunounix @mktdigitalblog Facebook: facebook.com/blogmarketingdigital

28