Anteriormente, escrevemos como melhorar a velocidade do site onde mencionamos 12 dicas que podem acelerar o carregamento do seu site sem precisar implementar nenhum código.

A velocidade de carregamento de um site é realmente importante. A pesquisa diz que 65 {136ce94cc7fec1f5657bab0b4d73ed308318c1024f899c463e79e42d4b375fbf} de visitantes abandonarão uma página que leva mais de 3 segundos para carregar. Também há alguns anos, o Google anunciou que leva em conta a velocidade da página ao classificar sites.

Assim, mesmo depois de aplicar as técnicas mencionadas nesse artigo e obter uma velocidade incrível, não devemos perder mais formas de melhorar a velocidade do site. Então, vamos aumentar mais o desempenho usando dicas de código descritas neste artigo. Uma compreensão básica do cliente PHP, MySQL e FTP é inevitável.

Melhorar a velocidade do site com código – 8 pontas

# 1 Use CSS Sprite

Sprites são imagens concatenadas. Sprites CSS são um meio de combinar várias imagens em um único arquivo de imagem para usar em um site, para ajudar com o desempenho. Suponha que você precise usar cinco imagens de ícone de mídia social em um site, você tem duas opções.

Você pode usar cinco imagens únicas de 1,5KB cada ou uma imagem no valor de 8KB como plano de fundo e posicioná-la corretamente, de modo que somente a que você precisa esteja visível.Mesmo a imagem de fundo é ligeiramente maior que 0,5KB, várias imagens são carregadas com uma única solicitação HTTP.

Isso faz com que os navegadores não lidem ou limitem várias solicitações simultâneas. E isso reduz o número de handshakes HTTP, solicitações e respostas. Você pode pesquisar mais sobre o sprite CSS e usá-los com as propriedades CSS de posição de fundo e largura / altura.

# 2 otimizar suas páginas

Quanto mais elementos você tiver em suas páginas, mais lento será o carregamento do site. Então coloque apenas o que vale nas páginas do seu site e sempre tente fazer mais com menos! Abaixo estão algumas dicas que podem melhorar muito a velocidade do site.

Seja específico para a imagem : sua página inicial e suas páginas de arquivo nem sempre precisam do tamanho total de uma imagem. Por exemplo, as páginas de arquivo só precisam exibir miniaturas na lista de postagens, enquanto páginas únicas mostram uma imagem em destaque.

O WordPress tem muitas funções para recuperar imagens postadas como the_post_thumbnail ().Sempre especifique o tamanho que você precisa exatamente, em vez de permitir que a função renderize imagens de tamanho total todas as vezes.

Como alternativa, um bom tema sempre é reproduzido de forma justa com as funções de imagem do WP para permitir que seu site seja renderizado mais rapidamente. Você pode confiar em nosso tema Boo, que sabe quando utilizar o que é melhor para a velocidade do site.

Substitua o PHP pelo HTML Estático : O PHP é ótimo para evitar inserir as mesmas informações várias vezes, mas também pede memória e tempo de execução. Portanto, substitua o PHP pelo conteúdo HTML estático, sempre que possível. Aumenta a velocidade do seu blog.

Por exemplo, você pode substituir <? Php bloginfo (‘description’); ?> para direcionar a descrição no seu arquivo de tema. Isso também limita as chamadas de banco de dados, uma chave importante para acelerar o carregamento do site.

Anúncios e widget : limite o número de anúncios exibidos no site. Não exiba widgets irrelevantes em todas as páginas. Tipo, compartilhar widgets é bom apenas em páginas de postagem única.

# 3 Lazy Load the Content

O Lazy Load exibe imagens, vídeos ou iframes somente quando se trata da tela do visitante. Isso ajuda a melhorar a velocidade do site, não solicitando nenhum conteúdo até que essa parte do artigo não seja rolada para baixo até o alcance.

Se o plugin de cache que você está usando não vem com o recurso de carregamento lento, você pode usar um dos repositórios de plugins do WordPress. Consulte o nosso artigo 5 melhores plugins de carregamento lazy para escolher um bom plugin para você.

Ou até mesmo Você pode simplesmente colocar o script de carregamento lento no rodapé do seu tema e deixá-lo funcionar como mágica. Continue lendo o blog do ThemeRella como nós vamos lhe dizer em breve.

# 4 Minimize HTML, CSS e JavaScript

Concatenação e minificação são ferramentas fundamentais para melhorar a velocidade do site.Quando seus arquivos estiverem finalizados, prepare versões reduzidas deles sem comentários, espaços, quebras de linha, etc.

Existem muitas ferramentas disponíveis para concatenar e minificar os arquivos de origem. Nossa ferramenta favorita é Gulp e você também pode usar ferramentas úteis do Google como este link e o Compilador de Fechamento .

# 5 Script necessário e localização correta

Trata-se de enfileirar scripts e estilizar apenas as páginas em que elas são necessárias e no local ou na ordem correta. Por exemplo, os controles deslizantes são usados ​​principalmente em homepages. Infelizmente, vimos muitos temas que carregam estilos e scripts relacionados a sliders em cada página, independentemente de um controle deslizante estar presente ou não. O semelhante é verdadeiro para plugins.

Se você quiser acelerar o carregamento do seu site WordPress, você precisa evitar esse erro.Stylesheeets são sempre carregados na seção head de um site, enquanto os scripts são colocados no rodapé. O wp_enqueue_style (), wp_dequeue_style (), wp_enqueue_script (), wp_dequeue_script () são funções úteis do WordPress aqui.

Carregue o arquivo JS no rodapé passando o quinto parâmetro para true na função wp_enqueue_script (). Você também pode remover o estilo / script não utilizado no WordPress passando o nome do manipulador no primeiro parâmetro para as funções wp_dequeue_style () e wp_dequeue_script () respectivamente.

# 6 Controlar solicitações HTTP

Diminuir o número de solicitações HTTP feitas pelo WordPress pode fazer com que o seu site seja carregado mais rapidamente. Todo recurso que o dispositivo de um cliente solicita do servidor é uma solicitação HTTP. A concatenação de vários arquivos JS ou CSS em um é o exemplo de limitação de solicitações HTTP.

Seu tema e plugins também podem solicitar tipos de arquivos de sites externos, como dados de análise, estilos e scripts do Google, Facebook etc. Você pode reduzir todas essas solicitações HTTP externas, desativando scripts e estilos ou mesclando-os em um arquivo.

7 # Remover seqüências de consulta de recursos estáticos

Se você já testou o seu site, você deve ter alertado sobre a remoção de seqüências de consulta de recursos estáticos para melhorar a velocidade do site. Recursos estáticos são aqueles arquivos CSS e JS que estão incluídos no site WordPress, mas eles raramente são alterados.

www.seudominio.com/pt/wp-content/themes/yourtheme/style.css?ver=4.6

Aqui “ver” é o parâmetro de string de consulta acrescentado pelo WordPress e faz com que os navegadores e servidores não consigam armazenar o recurso em cache. Então, ao removê-los, você pode melhorar o desempenho e o armazenamento em cache. Os plugins de cache que você usa geralmente removem as strings de consulta e você também pode colocar o snippet de código no functions.php do seu tema para participar do mesmo.

  function _remove_script_versioning ($ src) {
 $ parts = explode ('?', $ src);
 return $ partes [0];
 }
 add_filter ('script_loader_src', '_remove_script_versioning', 15, 1);
 add_filter ('style_loader_src', '_remove_script_versioning', 15, 1);

Continue lendo para saber sobre esses truques úteis. Aqui a função acima irá ajudá-lo a melhorar a velocidade do site por meio da remoção de string de consulta.

# 8 Use AJAX

Com o AJAX, os usuários do seu site podem visualizar o conteúdo atualizado sem carregar uma nova página ou recarregar uma página existente. Isso economiza muito tempo em seu servidor, sem necessidade de preparar toda a nova página. O carregamento de mais postagens na parte inferior do site quando um visitante chega lá é um exemplo de AJAX e o servidor não precisa preparar o menu ou o controle deslizante. Certo? Você conseguiu!

No WordPress, o AJAX é implementado através do jQuery no navegador e do admin-ajax.php, que residem no servidor. Este é um tópico amplo a ser discutido, mas a implementação do AJAX pode reduzir bastante o tempo de carregamento do site e um benefício adicional de fornecer a experiência rica do usuário.

# 9 Desativar pingbacks e trackbacks

Embora não exija codificação, nós a incluímos porque perdemos no artigo anterior sobre o mesmo tópico de velocidade do site do WordPress. Toda vez que outro blog o menciona, ele notifica seu site, que, por sua vez, atualiza os dados em sua postagem.

A desativação desses pingbacks e trackbacks não destruirá os backlinks do seu site, apenas a configuração que gera muito trabalho para o seu site, está desativada. Basta ir em Configurações -> Discussão e desmarcar essas duas opções nas configurações padrão do artigo:

– Tentativa de notificar quaisquer blogs vinculados a partir do artigo
– Permitir notificações de links de outros blogs (pingbacks e trackbacks) em novos artigos

3 dicas para melhorar a velocidade do site com otimização de banco de dados

# 10 Limpar o banco de dados

Com o tempo, seu banco de dados é carregado com informações que são apenas lixo para você.Isso consiste em revisões posteriores, comentários de spam, códigos de acesso, lixo e muito mais.Livre-se de todas essas informações desnecessárias para melhorar o desempenho.

Você pode usar temporariamente plugins wp-optimize ou wp-sweep para isso ou pode remover usando consultas MySQL se tiver bons conhecimentos. Basta fazer um backup do banco de dados antes do que você fizer.

Além disso, você deve ter um bom entendimento de como o WordPress funciona e seus padrões.Ele ajudará você a escrever consultas otimizadas e diminuir as solicitações do banco de dados.

# 11 Limitar revisões de postagens

Abra seu wp-config.php e coloque estas duas linhas abaixo:

  define ('WP_POST_REVISIONS', 3);
 define ('AUTOSAVE_INTERVAL', 300);  // segundos

WordPress mantém revisões para cada artigo automaticamente. A primeira constante instrui o WordPress a salvar apenas as últimas 3 revisões de cada postagem e descartar as mais antigas. A segunda constante permite que o WordPress atualize revisões com intervalo de 300 segundos em vez do padrão de 60 segundos.

# 12 Remover sobrecarga do nível de banco de dados

É o que nenhuma outra coisa pode fazer além do próprio MySQL. Use uma ferramenta interna no MySQL chamada “Table Optimization” para remover a sobrecarga do nível de banco de dados. É muito parecido com a desfragmentação de disco para discos rígidos. Ao fazer isso, você reorganizará os arquivos do banco de dados para que ele funcione da melhor maneira possível.

Instrua o mecanismo para melhorar a velocidade do site

Até aqui, discutimos muitas coisas para melhorar a velocidade e o desempenho do site WordPress.Não perca a última parte, vamos informá-lo sobre instruir o seu mecanismo de servidor para carregar o site no tempo mínimo.