{"id":37029,"date":"2020-04-29T23:44:38","date_gmt":"2020-04-30T06:44:38","guid":{"rendered":"https:\/\/kinsta.com\/?p=71343"},"modified":"2025-02-17T11:26:02","modified_gmt":"2025-02-17T14:26:02","slug":"configuracoes-do-autoptimize","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/configuracoes-do-autoptimize\/","title":{"rendered":"Como Configurar o Autoptimize para o Seu Site WordPress"},"content":{"rendered":"

O Autoptimize \u00e9 um plugin gratuito de otimiza\u00e7\u00e3o WordPress. Al\u00e9m da otimiza\u00e7\u00e3o HTML, CSS e JavaScript<\/a>, o Autoptimize tamb\u00e9m inclui recursos de otimiza\u00e7\u00e3o direcionados a outros aspectos dos modernos sites WordPress.<\/p>\n

Neste post, vamos compartilhar as melhores configura\u00e7\u00f5es de plugins Autoptimize para melhorar o desempenho e a velocidade da p\u00e1gina do seu site WordPress.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Por que Autoptimizar?<\/h2>\n

Antes de mergulharmos nas melhores configura\u00e7\u00f5es do Autoptimize, vamos rapidamente analisar tr\u00eas raz\u00f5es pelas quais o Autoptimize \u00e9 um \u00f3timo plugin de otimiza\u00e7\u00e3o.<\/p>\n

    \n
  1. A vers\u00e3o gratuita do Autoptimize<\/a> tem um conjunto completo de recursos para otimizar o seu site WordPress.<\/li>\n
  2. O Autoptimize \u00e9 estritamente um plugin de otimiza\u00e7\u00e3o e n\u00e3o faz nenhum caching de p\u00e1ginas HTML. Isto significa que ele \u00e9 compat\u00edvel com todos os hosts web – mesmo aqueles com configura\u00e7\u00f5es de cache de p\u00e1ginas personalizadas<\/a> como a Kinsta.<\/li>\n<\/ol>\n

    Autoptimizar as configura\u00e7\u00f5es de JS, CSS e HTML<\/h2>\n

    HTML, CSS<\/a>, e JavaScript \u00e9 o p\u00e3o e a manteiga da Autoptimize. Assim como com outros plugins de otimiza\u00e7\u00e3o, escavar no extenso conjunto de recursos e configura\u00e7\u00f5es do Autoptimize pode ser uma tarefa assustadora. Para facilitar, n\u00f3s compilamos as melhores configura\u00e7\u00f5es do Autoptimize para melhorar o desempenho do seu site.<\/p>\n

    Op\u00e7\u00f5es de JavaScript<\/h3>\n
    \"Otimiza\u00e7\u00e3o<\/a>
    Otimiza\u00e7\u00e3o JavaScript em Autoptimize.<\/figcaption><\/figure>\n

    Otimize o c\u00f3digo JavaScript<\/h4>\n

    Recomendamos a habilita\u00e7\u00e3o desta op\u00e7\u00e3o. Quando “otimizar c\u00f3digo JavaScript” estiver habilitado, o Autoptimize ir\u00e1 minificar seus arquivos JavaScript.<\/p>\n

    Arquivos JS Agregados<\/h4>\n

    A op\u00e7\u00e3o “agregar arquivos JS” da Autoptimize ir\u00e1 combinar todos os seus arquivos JavaScript em um \u00fanico arquivo. No passado, a combina\u00e7\u00e3o de arquivos JS e CSS era um passo fundamental na otimiza\u00e7\u00e3o do WordPress. Em Kinsta, usamos servidores HTTP\/2 modernos<\/a> que suportam downloads paralelos e multiplexa\u00e7\u00e3o – isto significa que combinar arquivos n\u00e3o \u00e9 mais t\u00e3o importante quanto costumava ser porque o HTTP\/2 permite que v\u00e1rios arquivos sejam baixados<\/a> ao mesmo tempo. Com isso, agregar arquivos CSS e JS ainda resultar\u00e1 em um bump de velocidade para certos tipos de sites WordPress, ent\u00e3o recomendamos testar a velocidade da sua p\u00e1gina<\/a> com esta op\u00e7\u00e3o habilitada e desabilitada.<\/p>\n

    Tamb\u00e9m Aggregate Inline JS<\/h4>\n

    A op\u00e7\u00e3o “tamb\u00e9m agrega o JS inline” extrai o JS inline em seu HTML, e o combina com o arquivo JS otimizado da Autoptimize. Como esta op\u00e7\u00e3o pode causar um r\u00e1pido aumento no tamanho do cache do Autoptimize, recomendamos manter esta op\u00e7\u00e3o desabilitada, a menos que voc\u00ea tenha uma raz\u00e3o espec\u00edfica para habilit\u00e1-la.<\/p>\n

    For\u00e7ar o JavaScript em<\/h4>\n

    Na maioria dos casos, n\u00f3s n\u00e3o recomendamos for\u00e7ar o carregamento de arquivos JavaScript no elemento HTML <head><\/code> do seu site. For\u00e7ar o JS a carregar antecipadamente pode resultar em elementos de render-bloqueio<\/a> que podem diminuir a velocidade da sua p\u00e1gina. Se voc\u00ea tem arquivos JavaScript que precisam ser carregados no elemento <head><\/code>, n\u00f3s recomendamos excluir esses scripts do Autoptimize.<\/p>\n

    Excluir Scripts do Autoptimize<\/h4>\n

    Esta op\u00e7\u00e3o permite que voc\u00ea exclua diret\u00f3rios e arquivos JavaScript espec\u00edficos da agrega\u00e7\u00e3o. Por padr\u00e3o, o Autoptimize exclui os seguintes scripts.<\/p>\n