As configurações ideais do Perfmatters-como configurar o plug-in para carregamentos mais rápidos e, ao mesmo tempo, desabilitar seletivamente scripts em páginas/postagens

Ainda não usa Perfmatters ?

É um ótimo plug-in do Kinsta e um dos poucos plug-ins de velocidade que uso no meu site. Este tutorial mostra o que ele faz e como definir as melhores configurações do Perfmatters (enquanto usa o gerenciador de scripts para desativar plug-ins, scripts e estilos seletivamente para melhores tempos de carregamento + pontuações ).

Perfmatters faz muito: remoção de inchaços, dicas de recursos do navegador, hospedagem de análises localmente, otimizações WooCommerce, segurança aprimorada, atrasando JavaScript, servindo imagens de seu CDN e desativando plug-ins seletivamente. Isso deve resultar em um site muito mais rápido e mais limpo.

E quanto ao Asset Cleanup Pro?

Asset Cleanup Pro é muito semelhante, mas o Perfmatters tem uma interface de usuário mais amigável e parece ser mais leve com excelente documentação . Nesta enquete do Facebook , Perfmatters também é favorecido.

1. Opções

• Desativar emojis – ativar (emojis prejudicam o tempo de carregamento).
• Desativar incorporações – ativar (carrega belas visualizações de URLs de Tweets, vídeos do YouTube e outros URLs durante a edição, mas também carrega um arquivo JavaScript em cada página do seu site).
• Remover Query Strings – habilitar (remove URLs com? ou & de recursos estáticos que os CDNs podem ter problemas de cache, pode fazer uma pequena diferença, Kinsta diz que só pode ajudar).
• Desativar XML-RPC – ativar (a menos que você poste de um celular, caso contrário, isso enfraquece a segurança).
• Remover jQuery Migrate – desativar ( habilite esta configuração se não estiver usando um construtor de páginas).
• Ocultar versão WP – habilitar (impede que sua versão WP seja exibida publicamente).
• Remover link wlwmanifest – habilitar (você provavelmente não usa o Windows Live Writer).
• Remover link RSD – habilitar (se você editar seu site usando um navegador em vez de clientes de blog).
• Remover Shortlink – habilitar (especialmente se você já usa links curtos e bastante permalinks).
• Desativar RSS Feeds – desativar (ative apenas se você não tiver um blog).
• Remover links de feed RSS – habilitar (remove links desnecessários em seu feed RRS para páginas, postagens, comentários, categorias, tags, etc. Isso removerá um pequeno código não utilizado do seu site).
• Desativar aut Pingbacks – ativar (desativa pingbacks ao vincular ao seu próprio blog).
• Desativar API REST – desativar para não administradores (caso contrário, a API REST deixará nomes de usuário de qualquer pessoa que publicou em seu Site WordPress acessível via URLs ).
• Remover links da API REST -habilitar (remove uma linha curta de código criado pela API REST).
• Desativar Dashicons – desativar (a menos que você queira remover os ícones de Barra de administração do WP).
• Desativar Google Maps – ativar (remove o Google Maps de todo o seu site, pois alguns plug-ins/temas possuem a API integrada). Se quiser usar o Google Maps, mantenha esta configuração desativada e incorpore o Google Maps manualmente nas páginas necessárias, como contato + páginas locais.
• Desativar Google Fonts – desativar (no entanto, idealmente deve ser ativado desde hospedagem de fontes localmente e as fontes do sistema carregam muito mais rápido sem criar solicitações externas, também podem ser usadas para desativar as fontes do Google do seu tema ou usar uma fonte personalizada premium do Google).
• Desativar medidor de força da senha – ativar (às vezes, este arquivo pode carregar em todo o seu site, quando deveria carregar apenas nas páginas de conta, checkout e redefinição de senha).
• Desativar comentários – desativar (a menos que você queira desativar os comentários do blog completamente).
• Remover URLs de comentários – ativar (desativa os links do autor do comentário que geralmente são spam).
• Desativar pulsação – desativar em todos os lugares (ative apenas se precisar de API Heartbeat que mostra quando outros usuários estão editando uma postagem, notificações de plug-in em tempo real, etc.).
• Frequência de pulsação – 60s (não importa se a opção anterior estiver desativada em todos os lugares).
• Limitar revisões de postagens – 5 (fornece alguns backups de postagens antigas no caso de você precisar restaurar uma postagem anterior versão, mas evita que muitas revisões aumentem seu banco de dados).
• Intervalo de salvamento automático – 5 minutos (mesmo conceito da opção anterior, o WordPress salvará automaticamente uma postagem a cada 5 minutos, mas não com frequência suficiente para consome muitos recursos).
• Alterar URL de login – insira um URL de login WordPress personalizado para evitar que os URLs wp-admin e wp-login sejam acessados ​​diretamente (pode melhorar a segurança e bloquear bots de spam).

Lazy Loading

• Imagens – desativar (somente ative se você não estiver carregando imagens lentamente em outro lugar).
• iFrames e vídeos – desativar (só habilitar se você não está fazendo isso em outro lugar).
• Miniaturas de visualização do YouTube – desativar ( habilite apenas se você não estiver fazendo isso em outro lugar. Isso substitui o iframe do YouTube pela visualização de uma imagem, então o iframe só é carregado quando alguém clica o botão “play”. Isso pode facilmente reduzir o tempo de carregamento de seu vídeo pela metade).
• Excluir do carregamento lento -deixe em branco, a menos que você tenha um arquivo para excluir do carregamento lento.
• Monitoramento DOM – desativar ( apenas ativar se você usar rolagem infinita). Kinsta diz que “observa as mudanças no DOM e carrega dinamicamente os elementos recém-adicionados. Isso melhora a compatibilidade para plug-ins e temas de terceiros que utilizam rolagem infinita… ”

WooCommerce

• Desativar scripts – ativar (desativa scripts/estilos WooCommcere, exceto no produto , carrinho, páginas de checkout. Caso contrário, eles carregam em todo o seu site, mesmo em páginas sem produtos).
• Desativar fragmentação do carrinho – ativar para tempos de carregamento mais rápidos (fragmentos do carrinho são usados ​​para atualizar o total do carrinho sem atualizar uma página, mas realmente desacelera os sites WooCommerce. Sugiro verificar quanto tempo os fragmentos do carrinho levam para carregar em seu relatório GTmetrix Waterfall e tomar uma decisão se deseja fragmentos do carrinho ou tempos de carregamento mais rápidos.
• Desativar Meta Box de status – ativar (desativa o widget em seu painel mostrando vendas, pedidos e opções de estoque que a maioria das pessoas não usa, pois costumam usar análises melhores.
• Desativar Widgets – ativar ( desativa widgets WooCommerce que muitas vezes não são usados).

2. CDN

• Ativar regravação de CDN – ativar ( reescreve URLs para servir ativos, como imagens, do CDN: https://x7r6b9v3.rocketcdn.me//wp-content/uploads/2020/03/logo.png-Cloudflare não (t use um URL CDN; portanto, se estiver usando, pule a seção CDN toda junto).
• URL do CDN – insira o seu URL do CDN do RocketCDN (WP Rocket) ou outro CDN como StackPath ou KeyCDN (não Cloudflare). Isso permite que a configuração de reescrita do CDN funcione.
• Diretórios incluídos – geralmente nada para fazer aqui (Perfmatters inclui automaticamente wp-content e wp-includes na reescrita do CDN, que deve ser tudo que a maioria dos sites precisa).
• Exclusões de CDN – adicione.xml se você usar um plugin de SEO como Yoast (recomendado pelos desenvolvedores Perfmatters). Estes são diretórios + extensões de arquivo excluídos do CDN.

3. Google Analytics

• Habilitar Analytics Local – habilitar (permite que você hospedar o Google Analytics localmente , que deve corrigir o problema de“ aproveitar o cache do navegador ”para o Google Analytics em algumas ferramentas de teste de velocidade )./label>
• ID de rastreamento -insira seu ID de rastreamento do Google Analytics .
• Posição do código de acompanhamento – cabeçalho (padrão) é adequado.
• Tipo de script – analytics.js ou mínimo são recomendados (cada tipo de script do Google Analytics tem um tamanho de arquivo diferente e permite que você faça coisas diferentes dentro do GA, conforme mostrado aqui ). Esses dois tipos de script ainda fornecem dados GA suficientes e também têm um tamanho de arquivo muito pequeno.
• Desativar recursos de exibição – ativar (desativa opções de remarketing e publicidade no GA que cria uma segunda solicitação HTTP para o DoubleClick, mas geralmente não é usado pela maioria das pessoas).
• Anonimizar IP – habilitar (oculta seu IP para cumprir o GDPR/privacidade em alguns países).
• Rastrear administradores registrados – desativar (você não deseja visitas de administrador em seus dados analíticos).
• Taxa de rejeição ajustada – 30 segundos (recomendada pelos desenvolvedores do Perfmatters).
• Usar MonsterInsights – desativar (a menos que você esteja usando o plug-in MonsterInsights, caso em que deve ativá-lo para hospedar o Google Analytics localmente ao usar MonsterInsights).

4. Extras

• Adicionar Favicon em Branco – desativar ( esta configuração é usada principalmente para medir velocidades de WordPress novo instala, ele remove favicons às vezes são uma imagem grande em temas padrão).
• Adicionar código de cabeçalho -deixe em branco (a menos que queira adicionar código ao seu cabeçalho).
• Adicionar código do corpo – deixe em branco (a menos que você queira adicionar código ao seu corpo).
• Adicionar código de rodapé – deixe em branco (a menos que você queira adicionar código ao seu rodapé).

Ativos

• Gerenciador de scripts – ativar (permite desativar CSS + JS em certas páginas/postagens). Consulte # 6 .
• Adiar JavaScript – desativar (pode corrigir “eliminar recursos de bloqueio de renderização” em testes de velocidade, mas é provável que você já tenha ativado em seu plug-in de cache, caso contrário, ative it).
• Incluir jQuery – desativar (a menos que você ative a opção anterior e veja os erros visíveis).
• Excluir do adiamento – deixe em branco a menos que os arquivos JavaScript causem erros ao serem adiados, caso em que você os adicionaria aqui para evitar que sejam adiados.
• JavaScript atrasado – ótimo para reduzir a carga de terceiros scripts e comentários . Por exemplo, eu reduzi vários segundos do tempo de carregamento do meu blog atrasando o carregamento da seção de comentários ( discuz e gravatars ). Você também pode fazer isso com o AdSense e scripts de terceiros. Ambos WP Rocket / Flying Scripts também permite atrasar o carregamento de arquivos JavaScript.

Pré-carregamento

* Recomendo ler em dicas de recursos do navegador para saber o que cada configuração faz. Você também deve medir o tempo de carregamento de sua fonte, imagens e arquivos CSS (por exemplo, em GTmetrix Waterfall) enquanto faz esses ajustes para ver como cada otimização afeta o tempo de carregamento.

• Habilitar página instantânea – desabilitar (mesma configuração de”links de pré-carregamento”no WP Rocket, isso faz o download de uma página quando os usuários passam o mouse sobre um link. Se não estiver usando em WP Rocket, habilite-o).
• Pré-carregamento – fontes, imagens e arquivos CSS podem ser pré-carregados quando usados ​​em todo o site. Se você olhar o código-fonte do WP Rocket, você pode ver que eles pré-carregam vários tipos desses arquivos. Olhe para a guia GTmetrix Waterfall, teste quais arquivos carregam em todo o seu site e, em seguida, adicione-os aqui. WP Rocket já tem uma opção “Preload Fonts”, então certifique-se de pré-carregá-los em apenas um lugar. Todos os arquivos pré-carregados devem ser hospedados em seu domínio/CDN.
• Pré-conexão – URLs de CDN e fontes externas são os exemplos mais comuns de pré-conexão. Novamente, pegue esses arquivos de seu GTmetrix Waterfall e adicione-os aqui.
• Pré-busca – scripts de terceiros são o tipo mais comum de pré-busca (Google Fonts, Analytics, AdSense, Gerenciador de tags, YouTube, Facebook Pixel). Consulte a seção reduzir pesquisas de DNS de seu relatório GTmetrix para ver quais scripts de terceiros são carregados ( aqui está uma lista bacana ) e adicione-os aqui. WP Rocket também já tem isso, então adicione-os em um só lugar.

Banco de dados

• Limpa seu banco de dados (geralmente não é feito pelo plug-in de cache, no entanto, sempre recomendo WP-Optimize para limpeza avançada, pois permite que você exclua os mesmos arquivos de lixo do Perfmatters, mas também permite que você exclua tabelas deixadas por plug-ins desinstalados).

Ferramentas

Desinstalar, importar e exportar configurações básicas.

5. Licença

Ative sua chave de licença Perfmatters aqui.

6. Gerente de script

O gerenciador de scripts da Perfmatters permite você desabilita plug-ins, scripts e estilos em páginas/postagens onde eles não estão sendo carregados. Algumas coisas são carregadas em todo o seu site, mesmo quando não estão sendo usadas. Alguns exemplos podem incluir formulários de contato, plug-ins de compartilhamento social, rich snippet e plug-ins de conteúdo estruturado ou até mesmo certas partes do Elementor e outros construtores de página.

Coisas para manter em mente

• Teste -desativar certas funções, especialmente em criadores de páginas como o Elementor, pode quebrar coisas em seu site. Faça testes completos se não tiver 100% de certeza do que está desativando.
• Encontrando seus plug-ins mais lentos -use o Monitor de consulta ou New Relic.
• Como encontrar scripts em páginas/postagens diferentes -edite várias páginas/postagens onde diferentes tipos de scripts estão sendo carregados (e observe sua “Visão global”) para que você não perca nenhum.

Etapa 1-Habilite o gerenciador de scripts nas configurações do Perfmatters

Etapa 2-Clique no Gerenciador de scripts em uma página ou postagem

Etapa 3-Desativar scripts não usados ​​da página/postagem

Você pode desativar o script em qualquer lugar (com exceções), apenas no atual e usar RegEx para carregar scripts seletivamente com base em padrões de URL. Por exemplo, se você tiver uma seção de blog chamada /review/post-name , pode escolher carregar apenas o plug-in de rich snippets nessa categoria. A mesma coisa com plug-ins de compartilhamento social, plug-ins de link de afiliado, plug-ins de tabela, plug-in de formulário de contato etc.

Você pode desativar comentários em qualquer lugar, exceto nas postagens:

Desative as animações do Elementor e outros recursos do criador de páginas que você não está usando:

Desative determinados plug-ins em todos os lugares, exceto URLs usando esse plug-in:

Ou use RegEx para carregar apenas um plug-in em URLs específicos. Neste exemplo, desativei um plug-in de rich snippets em todos os lugares, exceto em URLs contendo a palavra “revisão”, que é a única vez que uso o esquema de revisão. Você também pode ativar um plugin em qualquer lugar, exceto em URLs com palavras específicas.

Step 4 – Review Your Global View

The Global View shows you an overview of the script manager across your site.

What Do You Think? Is Permatters Worth It?

I think so.

Besides a cache plugin, Perfmatters is really the only other must have speed plugin. O que você acha? Some people say they don’t need it and that it only adds more bloat, but I don’t think those people took the time to set it up properly. Let me know what you think in the comments!

Atenciosamente,
Tom

Source link