Executando verificação de segurança...
1
luispa
1 min de leitura ·

Dúvidas sobre a otimização de um site em WordPress com Webpack - É possível?

Olá, pessoal!

Quem trabalha com desenvolvimento de sites, sabe que em alguns momentos precisamos realizar algumas integrações com plataformas/ferramentas externas, tais como: Google Analytics, Hotjar, reCAPTCHA, Google Tag Manager, Plataformas de marketing, etc.

Algumas dessas plataformas/ferramentas muitas vezes possuem um código mal otimizado, o que acaba refletindo em nosso site e impactando no desempenho.

Ao analisar o site no Google Page Speed, por exemplo, o diagnóstico nos mostra uma demora significativa no carregamento dos códigos (em sua grande maioria, código JavaScript) dessas plataformas/ferramentas integradas ao nosso site.

Eu fiz algumas pesquisas com o objetivo de encontrar meios para resolver esse problema. Uma das soluções que encontrei foi o Webpack. Vi que ele possui muitos recursos voltados a otimização de aplicações web.

Eu confesso que não possuo conhecimentos em Webpack, por isso estou aqui, para tirar algumas dúvidas com aqueles que já possuem experiência nessa ferramenta.

As dúvidas são:

  1. É possível utilizar o Webpack, para otimizar sites desenvolvidos em WordPress?;
  2. É possível utilizar o Webpack, para otimizar os códigos de ferramentas externas, integradas ao meu site?

Quem puder me ajudar respondendo essas dúvidas, eu agradeço desde já!

Valeu, pessoal!

Carregando publicação patrocinada...
1

Esse codigo Javascript vem dos plugins? Geralmente eles tem uma versão pra produção que já vem minificada. Talvez você esteja utilizando a versão dev.

Veja também se esse código havascript está com cache ativo

Essa demora significativa é quanto? Se tiver o site aí passa pra gente dar uma espiada

1

Sobre utilizar o webpack, nao tem como..., más existem outros caminhos interessantes que você pode abordar, existem ferramentas(plugins) de compactação de codigo como o Fvm, essas ferramentas são excelentes pq elas trabalham diretamente na aplicação... entao geralmente aplicam a compactação e cacheamento de scripts e styles de maneira dinâmica.