{"id":33644,"date":"2021-04-30T16:49:28","date_gmt":"2021-04-30T19:49:28","guid":{"rendered":"https:\/\/www.yogh.com.br\/blog\/?p=33644"},"modified":"2025-04-14T11:50:18","modified_gmt":"2025-04-14T14:50:18","slug":"jetpack-boost-um-novo-plugin-de-desempenho","status":"publish","type":"post","link":"https:\/\/www.yogh.com.br\/blog\/jetpack-boost-um-novo-plugin-de-desempenho\/","title":{"rendered":"Jetpack Boost: um novo plugin de performance"},"content":{"rendered":"

\t\t\t\tA Automattic lan\u00e7ou recentemente mais um plugin no mercado: o Jetpack Boost. Este novo plugin visa melhorar o desempenho dos sites. O plugin ainda est\u00e1 na vers\u00e3o 1.0, mas j\u00e1 est\u00e1 com mais de 2 mil instala\u00e7\u00f5es ativas.<\/span><\/p>\n

Quer saber mais? Neste post, que \u00e9 uma tradu\u00e7\u00e3o do artigo divulgado pelo <\/span>WP Tavern<\/span><\/a>, voc\u00ea vai entender melhor como funciona este novo plugin e o que ele pode fazer pelo seu site.<\/span><\/p>\n

O <\/span>Boost \u00e9 um plugin separado da marca Jetpack e n\u00e3o requer o n\u00facleo do Jetpack para funcionar. O plugin est\u00e1 dispon\u00edvel para download<\/a> no reposit\u00f3rio oficial do WordPress.<\/span><\/p>\n

Agora, que tal conhecer as funcionalidades deste plugin?<\/p>\n

<\/span>M\u00f3dulos de desempenho do Jetpack Boost<\/strong><\/span><\/h2>\n

O Jetpack Boost conta com tr\u00eas m\u00f3dulos de desempenho:<\/span><\/p>\n

    \n
  1. CSS cr\u00edtico: <\/b>este m\u00f3dulo tem como objetivo otimizar o carregamento das suas p\u00e1ginas e postagens para exibir o seu conte\u00fado com mais rapidez, especialmente para os usu\u00e1rios que utilizam dispositivos m\u00f3veis para navegar em seu site.<\/span><\/li>\n
  2. Adiar o carregamento de JavaScript n\u00e3o essencial: <\/b>com este m\u00f3dulo, \u00e9 poss\u00edvel mover algumas tarefas de carregamento para depois que a p\u00e1gina \u00e9 carregada, desta forma os itens vis\u00edveis ser\u00e3o carregados mais r\u00e1pido.<\/span><\/li>\n
  3. Lazy Loading<\/b> \u00e9 o \u00faltimo dos tr\u00eas m\u00f3dulos. Ele \u00e9 respons\u00e1vel por carregar imagens \u00e0 medida que o visitante as exibe.<\/span><\/li>\n<\/ol>\n

    Depois que o plugin \u00e9 instalado, os usu\u00e1rios podem ativar ou desativar os m\u00f3dulos. Al\u00e9m disso, o Jetpack Boost exibe uma pontua\u00e7\u00e3o inicial quando \u00e9 instalado pela primeira vez em seu site e ser\u00e1 atualizado ap\u00f3s a implementa\u00e7\u00e3o das otimiza\u00e7\u00f5es.<\/span><\/p>\n

    Abaixo, est\u00e1 um exemplo de pontua\u00e7\u00e3o de um blog simples com 20 plugins ativos:<\/span><\/p>\n

    \"Avalia\u00e7\u00e3o

    Foto: Reprodu\u00e7\u00e3o\/WP Tavern<\/p><\/div>\n

    Depois de instalar o Jetpack Boost, houve uma melhoria significativa nas pontua\u00e7\u00f5es do painel. No entanto vale salientar que este plugin n\u00e3o \u00e9 uma varinha m\u00e1gica, mas \u00e9 uma maneira bastante amig\u00e1vel de lidar com alguns problemas b\u00e1sicos de desempenho que podem resultar em uma experi\u00eancia melhor para o visitante.<\/span><\/p>\n

    \"Site

    Foto: Reprodu\u00e7\u00e3o\/WP Tavern<\/p><\/div>\n

    <\/span>Verifique as pontua\u00e7\u00f5es ap\u00f3s a instala\u00e7\u00e3o do Jetpack Boost\u00a0<\/b><\/span><\/h2>\n

    Ap\u00f3s instalar este novo plugin, \u00e9 importante que voc\u00ea verifique as pontua\u00e7\u00f5es. Al\u00e9m disso, ao avaliar os resultados, ser\u00e1 mais f\u00e1cil perceber quais melhorias ainda podem ser implementadas em seu site.\u00a0<\/span><\/p>\n

    Para verificar as pontua\u00e7\u00f5es, voc\u00ea pode usar o <\/span>web.dev<\/span><\/a> e o<\/span> Google Page Speed Insights<\/span><\/a>.<\/p>\n

    <\/span>Core Web Vitals<\/b><\/span><\/h2>\n

    Voc\u00ea j\u00e1 ouviu falar em Core Web Vitals? Criado pelo Google, as Web Vitals s\u00e3o m\u00e9tricas que se cumpridas pelos sites proporcionar\u00e3o uma melhor experi\u00eancia para os usu\u00e1rios que navegam em seu site. Este novo plugin da Automattic promete promover melhorias que far\u00e3o com que seu site esteja de acordo com as m\u00e9tricas Core Web Vitals.<\/span><\/p>\n

    Quer saber mais sobre Core Web Vitals, ent\u00e3o <\/span>clique aqui<\/b><\/a> e confira um post que trar\u00e1 mais informa\u00e7\u00f5es para que voc\u00ea entenda como as novas m\u00e9tricas do Google podem afetar o seu site.\u00a0<\/span><\/p>\n

    <\/span>A opini\u00e3o dos criadores do Jetpack Boost<\/b><\/span><\/h2>\n

    O engenheiro de automa\u00e7\u00e3o Nauris P\u016b\u0137is, que trabalhou no projeto de cria\u00e7\u00e3o do plugin disse que um dos motivos pelos quais o plugin foi criado foi para ajudar os usu\u00e1rios a \u201cobter seus Web Vitals e tornar a web um lugar melhor\u201d.<\/span><\/p>\n

    A princ\u00edpio, a partir de junho de 2021, ap\u00f3s o lan\u00e7amento do Google Page Experience, estas m\u00e9tricas se tornar\u00e3o um fator de ranqueamento para o Google<\/span>.\u00a0<\/span><\/p>\n

    Apesar do Jetpack j\u00e1 incluir tantos recursos diferentes e variados, a Automattic optou por colocar os m\u00f3dulos Boost em um plugin separado.<\/span><\/p>\n

    \u201cQueremos que o Jetpack Boost tenha vida pr\u00f3pria – focado no desempenho e disponibilizado para todos, incluindo pessoas que n\u00e3o querem usar o plugin principal do Jetpack\u201d, disse P\u016b\u0137is.<\/span><\/p>\n

    O plugin foi constru\u00eddo com a mesma estrutura modular do n\u00facleo do Jetpack, para que os usu\u00e1rios possam desativar facilmente os m\u00f3dulos que n\u00e3o desejam usar. Isso \u00e9 \u00fatil para garantir a compatibilidade com outros plugins de desempenho ou cache que os propriet\u00e1rios de sites j\u00e1 possam estar usando.<\/span><\/p>\n

    \u201cVoc\u00ea provavelmente notou que tanto o Jetpack quanto o Boost contam com a fun\u00e7\u00e3o Lazy Loading – \u00e9 exatamente o mesmo m\u00f3dulo\u201d, disse P\u016b\u0137is. \u201cSe o usu\u00e1rio tiver o Jetpack e o Jetpack Boost ativos, ele usar\u00e1 apenas a vers\u00e3o mais recente do Lazy Loading Images.\u201d<\/span><\/p>\n

    <\/span>Planos para o futuro<\/strong><\/span><\/h2>\n

    Os recursos da vers\u00e3o 1.0 s\u00e3o apenas o come\u00e7o dos planos da Automattic para o Jetpack Boost. O projeto parece estar no caminho certo para se tornar um plugin de desempenho completo que pode at\u00e9 mesmo migrar algumas das funcionalidades relacionadas ao desempenho para o plugin Jetpack.<\/span><\/p>\n

    \u201cEstamos lan\u00e7ando o que podemos chamar de vers\u00e3o est\u00e1vel – mas ainda h\u00e1 muito que ser feito. Come\u00e7ando com m\u00f3dulos simples que englobar\u00e3o outras t\u00e9cnicas de otimiza\u00e7\u00e3o, como minifica\u00e7\u00e3o, por exemplo\u201d, completa.<\/span><\/p>\n

    P\u016b\u0137is disse que nenhuma dessas ideias \u00e9 imut\u00e1vel e que a equipe est\u00e1 aberta para explorar e construir m\u00f3dulos que ter\u00e3o o maior impacto no desempenho ap\u00f3s obter mais feedback.<\/span><\/p>\n

    <\/span>Conclus\u00e3o<\/b><\/span><\/h2>\n

    Ao longo deste post, voc\u00ea p\u00f4de conhecer mais detalhes sobre o mais novo plugin de desempenho lan\u00e7ado no mercado. No entanto, lembre-se, o plugin \u00e9 considerado est\u00e1vel, mas ainda est\u00e1 em constru\u00e7\u00e3o, portanto \u00e9 importante que voc\u00ea utilize o plugin em um ambiente de testes.<\/span><\/p>\n

    E apesar dele prometer uma melhora significativa para que voc\u00ea se encaixe nas m\u00e9tricas do Core Web Vitals, em primeiro lugar, \u00e9 preciso entender que um plugin sozinho n\u00e3o faz milagres. Em outras palavras, isso significa que voc\u00ea precisar\u00e1 analisar o seu site em WordPress como um todo para ent\u00e3o ver o que pode ser feito quando o assunto \u00e9 otimiza\u00e7\u00e3o de performance.<\/span><\/p>\n

    Na d\u00favida, \u00e9 sempre importante que voc\u00ea entre em contato com um desenvolvedor para que ele possa analisar quais melhorias podem ser executadas para que o seu site obtenha um melhor desempenho.<\/span><\/p>\n

    Por fim, se voc\u00ea gostou deste post, compartilhe com seus amigos em suas redes sociais.\u00a0<\/span><\/p>\n

    At\u00e9 a pr\u00f3xima!<\/span><\/p>\n

    Artigo traduzido e adaptado: Automattic Launches Jetpack Boost: A New Performance Plugin<\/strong><\/a>\t\t<\/p>\n

    \n