{"id":4469,"date":"2020-10-30T22:09:32","date_gmt":"2020-10-30T21:09:32","guid":{"rendered":"https:\/\/webhosting.de\/?p=4469"},"modified":"2024-02-15T14:15:05","modified_gmt":"2024-02-15T13:15:05","slug":"so-reach-you-100-100-points-at-google-pagespeed-for-your-wordpress-website","status":"publish","type":"post","link":"https:\/\/webhosting.de\/pt\/so-erreichst-du-100-100-punkte-bei-google-pagespeed-fuer-deine-wordpress-website\/","title":{"rendered":"Como alcan\u00e7ar 100\/100 pontos no Google Pagespeed para o seu site WordPress"},"content":{"rendered":"

Google Pagespeed Insights<\/a> \u00e9 a conhecida ferramenta do site com a qual voc\u00ea pode verificar e otimizar todos os par\u00e2metros relevantes para o motor de busca. Voc\u00ea pode clicar no link acima, ou voc\u00ea pode ver um valor atualizado diariamente do seu site no sistema de administra\u00e7\u00e3o.<\/p>\n

Neste manual mostramos-lhe como \u00e9 f\u00e1cil usar o pontua\u00e7\u00e3o da velocidade da p\u00e1gina<\/strong> de 100\/100<\/strong> para alcan\u00e7ar. Voc\u00ea tamb\u00e9m pode fazer isso.<\/p>\n

Para o nosso exemplo usamos um site de demonstra\u00e7\u00e3o com todo o tipo de conte\u00fado e um tema bem conhecido, que tamb\u00e9m inclui os plugins habituais. Ent\u00e3o \u00e9 exatamente a mesma coisa que voc\u00ea usa para criar bons sites.<\/p>\n

\"p\u00e1gina<\/a><\/p>\n

N\u00f3s estamos aqui para o tema The7<\/strong> decidido. Mas n\u00e3o importa o tema que voc\u00ea usa. O principal \u00e9 que est\u00e1 atualizado e oferece algumas op\u00e7\u00f5es de configura\u00e7\u00e3o para a cria\u00e7\u00e3o do site.<\/p>\n

Voc\u00ea precisa disso para um site r\u00e1pido.<\/h2>\n
    \n
  1. a webhoster r\u00e1pido<\/strong> por experi\u00eancia<\/li>\n
  2. uma corrente limpa WordPress<\/a><\/li>\n
  3. as configura\u00e7\u00f5es corretas para o servidor web<\/li>\n
  4. uma ferramenta de optimiza\u00e7\u00e3o e caching<\/li>\n<\/ol>\n

    Neste exemplo, usamos Foguet\u00e3o WP<\/strong>. Estas ferramentas fazem todas a mesma coisa. Eles comprimem arquivos de texto, fundem o c\u00f3digo e, se necess\u00e1rio, criam uma p\u00e1gina est\u00e1tica como uma c\u00f3pia.<\/p>\n

    Isso permite que o visitante chame a p\u00e1gina rapidamente.<\/p>\n

    As p\u00e1ginas est\u00e1ticas fazem lembrar o c\u00f3digo html da \u00e9poca. Os sites que consistem em simples c\u00f3digo html e imagens continuam a ser os mais r\u00e1pidos. Mas n\u00e3o din\u00e2mico. Com estes plugins, o cache \u00e9 reconstru\u00eddo uma e outra vez, assim que algo muda na p\u00e1gina.<\/p>\n

    Dica: Desactive o WordPress Cronjob<\/strong>. N\u00e3o \u00e9 realmente um cronjob no sentido real, mas \u00e9 sempre chamado quando um visitante vem \u00e0 p\u00e1gina. Vamos mostrar-lhe como isto funciona noutro artigo.<\/p>\n

    Google Pagespeed Insights<\/h2>\n

    Digite seu site atual no google e veja o desempenho.<\/p>\n

    Normalmente voc\u00ea receber\u00e1 valores na faixa amarela at\u00e9 85 se o webhoster tiver um bom servidor.<\/p>\n

    Em nossa instala\u00e7\u00e3o padr\u00e3o, o PSI nos mostrou 85\/100 na vista da \u00e1rea de trabalho.<\/p>\n

    \"<\/a><\/p>\n

    Um pouco enganadora, no entanto, \u00e9 a afirma\u00e7\u00e3o de que o servidor respondeu lentamente. Aqui se entende o tempo para o primeiro byte, que \u00e9 transmitido.<\/p>\n

    H\u00e1 muitos fatores que jogam juntos aqui. Muitas vezes voc\u00ea ir\u00e1 reduzir o chamado TTFB (Time to first Byte) se voc\u00ea corrigir todos os outros pontos.<\/p>\n

    \"<\/a><\/p>\n

    O Google oferece convenientemente o c\u00f3digo otimizado para muitos pontos para download. Mas recomendo a utiliza\u00e7\u00e3o apenas de imagens optimizadas no site.<\/p>\n

    Isto pode at\u00e9 ser feito gratuitamente, por exemplo, com o Panda Tinypng<\/a> ...para tratar do assunto.<\/p>\n

    \"compress\u00e3o<\/a>
    Tinypng.com Panda come os bytes sup\u00e9rfluos.<\/figcaption><\/figure>\n

    No entanto, a maioria dos temas tamb\u00e9m cria suas pr\u00f3prias imagens em diferentes tamanhos, de modo que h\u00e1 sempre a necessidade de uma nova otimiza\u00e7\u00e3o.<\/p>\n

    Recomenda-se, portanto, ocasionalmente, simplesmente re-otimizar e sobrescrever todos os arquivos de imagem no servidor web.<\/p>\n

    Pingdom, GTMetrix e Co.<\/h2>\n

    Claro que tamb\u00e9m h\u00e1 outras p\u00e1ginas de verifica\u00e7\u00e3o. No entanto, aqui h\u00e1 frequentemente o problema de que a recupera\u00e7\u00e3o \u00e9 feita a partir do estrangeiro e, portanto, n\u00e3o \u00e9 suficientemente significativa para simular o visitante habitual da Alemanha. Tamb\u00e9m \u00e9 importante saber que alguns programas de teste n\u00e3o conseguem lidar com o http\/2 e ignorar exatamente a vantagem do http\/s, ou seja, a transmiss\u00e3o paralela de dados sobre uma conex\u00e3o, e interpretar isso de forma negativa.<\/p>\n

    \"gtmetrix\"<\/a>
    Relat\u00f3rio de desempenho da GTMetrix<\/figcaption><\/figure>\n

    TTFB ou tempo total de carregamento?<\/h2>\n

    Basicamente, o resultado do tempo total de carregamento \u00e9 o que conta. O primeiro byte depende de muitos fatores que s\u00e3o dif\u00edceis de influenciar. Uma p\u00e1gina que n\u00e3o \u00e9 comprimida normalmente tem um valor TTFB muito baixo do que uma p\u00e1gina perfeitamente comprimida. Mas o tempo total de carga com compress\u00e3o \u00e9, naturalmente, mais r\u00e1pido para uma p\u00e1gina com muito conte\u00fado. Como o google classifica isto no final \u00e9 nebuloso. Temos at\u00e9 p\u00e1ginas que carregam lentamente porque o software est\u00e1 desactualizado e tem um valor PSI de 68, mas com 28K palavras-chave org\u00e2nicas conseguimos cerca de 1000 visitantes por dia. Mas com sites compar\u00e1veis, o site com os melhores valores certamente ser\u00e1 listado com valores mais altos.<\/p>\n

    CDN e m\u00f3dulos de acelera\u00e7\u00e3o<\/h2>\n

    H\u00e1 tamb\u00e9m m\u00f3dulos que armazenam dados est\u00e1ticos em outros servidores e os entregam dependendo da localiza\u00e7\u00e3o do visitante. Isso reduz o n\u00famero de conex\u00f5es ao servidor e, portanto, tamb\u00e9m reduz a chamada TTFB. Aqui podem ser utilizados caches de akamai, cloudflare ou incapsula que tamb\u00e9m oferecem compress\u00e3o e otimiza\u00e7\u00e3o, dependendo do servi\u00e7o reservado. Uma pequena prote\u00e7\u00e3o (D)Dos tamb\u00e9m est\u00e1 inclu\u00edda, desde que a conex\u00e3o seja feita completamente atrav\u00e9s destes provedores.<\/p>\n

    \"vis\u00e3o<\/a>
    An\u00e1lise do tr\u00e1fego de nuvens<\/figcaption><\/figure>\n

    Speedkit para Plesk<\/h2>\n

    Existem, por exemplo, para Plesk<\/a> um plugin que pode tornar o site mais r\u00e1pido com alguns cliques. No meu teste, no entanto, foi exactamente o oposto. O principal problema com tais plugins \u00e9 o facto de a cache s\u00f3 come\u00e7ar quando o visitante olha para a p\u00e1gina uma segunda vez, ou primeiro estabelece uma liga\u00e7\u00e3o ao sistema.<\/p>\n

    A vantagem \u00e9 que voc\u00ea pode ativ\u00e1-lo facilmente sem fazer nenhuma altera\u00e7\u00e3o no seu sistema. Mas a desvantagem \u00e9 a velocidade que falta para os visitantes da 1 View. Por este motivo n\u00e3o se v\u00ea qualquer altera\u00e7\u00e3o com os programas de verifica\u00e7\u00e3o habituais, porque eles visitam sempre o site sem cache como um utilizador completamente novo.<\/p>\n

    \"velocidade-kit-website<\/a>
    Speedkit para Plesk \u00e9 projetado para fazer Web site mais rapidamente. Mas nem sempre funciona.<\/figcaption><\/figure>\n

    Como a maioria dos visitantes muitas vezes s\u00f3 chegam \u00e0 p\u00e1gina atrav\u00e9s de um link de um motor de busca, isso n\u00e3o traz nenhuma vantagem de velocidade para esses visitantes. Com as ferramentas de bordo, voc\u00ea pode se sair muito bem sem caches externos. Tamb\u00e9m em termos de protec\u00e7\u00e3o de dados, especialmente o DSGVO e o pr\u00f3ximo Regulamento de Privacidade e Comunica\u00e7\u00f5es Electr\u00f3nicas, a utiliza\u00e7\u00e3o de tais servi\u00e7os n\u00e3o \u00e9 adequada. J\u00e1 lhe falta um Contrato<\/a> para o processamento de dados da ordem ao encomendar estes servi\u00e7os.<\/p>\n

    Desta forma, voc\u00ea torna o site mais r\u00e1pido.<\/h2>\n

    O ponto mais importante: O anfitri\u00e3o web certo.<\/p>\n

    Visto de fora, todos provedor de alojamento web<\/strong> o mesmo. Mas a diferen\u00e7a \u00e9 t\u00e3o frequentemente escondida.<\/p>\n

    Existem web hosters que anunciam com n\u00facleos e recursos dedicados, mas depois tudo isso s\u00f3 funciona com hardware muito fraco. Um pequeno n\u00facleo AMD de um servidor com 10 anos n\u00e3o \u00e9 o mesmo que um n\u00facleo de um Intel Platinum Xeon da vers\u00e3o mais recente.<\/p>\n

    \"vmware_cluster\"<\/a>
    Exemplo de um Cluster VMWare<\/figcaption><\/figure>\n

    A maioria dos fornecedores de hoje tamb\u00e9m virtualizam toda a sua infra-estrutura. Muitas vezes em estruturas estranhas, como sistemas de contentores, onde os n\u00facleos reservados pelo cliente tamb\u00e9m foram reservados por outros 20 clientes. Bom e por causa da licen\u00e7a de software custa caros fornecedores usam sistemas de virtualiza\u00e7\u00e3o real como vmware ou KVM, geralmente chamado de nuvem.<\/p>\n

    \"kvm_cluster\"<\/a>
    Um pequeno aglomerado de KVM<\/figcaption><\/figure>\n

    Muitas vezes, a hospedagem compartilhada \u00e9 suficiente. N\u00f3s mesmos constru\u00edmos websites com milhares de visitantes por m\u00eas. Estas tamb\u00e9m funcionam em uma pequena conta de hospedagem, porque as m\u00e1quinas de hospedagem web j\u00e1 s\u00e3o normalmente muito grandes dimensionadas pelo provedor, para que possam servir centenas de sites.<\/p>\n

    \"virtuozzo_cluster\"<\/a>
    Vista de um n\u00f3 Virtuozzo 7<\/figcaption><\/figure>\n

    No entanto, a maioria dos sites n\u00e3o precisar\u00e1 do poder que reservaram, por isso h\u00e1 sempre muito poder.<\/p>\n

    Ao escolher um webhoster, basta procurar uma conta de teste e carregar o seu website l\u00e1 sem compromisso. Normalmente \u00e9 poss\u00edvel alcan\u00e7\u00e1-lo atrav\u00e9s de um subdom\u00ednio e testar a velocidade. Se n\u00e3o for nada, basta mudar para outro fornecedor.<\/p>\n

    Neste exemplo, a p\u00e1gina de demonstra\u00e7\u00e3o est\u00e1 localizada em um servidor SEO<\/a> o webhoster.de AG onde voc\u00ea obt\u00e9m uma conta de revendedor Plesk com 10 endere\u00e7os IP para os seus projetos.<\/p>\n

    O hardware utilizado \u00e9 um servidor Dell R740 com SSDs de servidor MLC como raid array.<\/p>\n

    A interface de administra\u00e7\u00e3o \u00e9 Plesk Onyx<\/a> na vers\u00e3o actual.<\/p>\n

    Um WordPress padr\u00e3o com os seguintes plugins ativos foi instalado:<\/p>\n