81 / 100 Pontuação de SEO

Neste artigo eu vou mostrar as Bibliotecas dinâmicas de JavaScript no tema Divi

Bibliotecas dinâmicas de JavaScript

Para aumentar a velocidade do site, otimizamos o JavaScript do Divi para ser mais conciso e modular. Isso permite que o Divi carregue o JavaScript sob demanda dinamicamente.

O Divi irá carregar e processar funções JavaScript (como Sticky Options), bem como bibliotecas JavaScript externas (como Magnific Popup) apenas quando forem necessários para módulos ou recursos em uma página.

O menor tamanho do arquivo Javascript de base combinado com as bibliotecas de JavaScript dinâmicas definitivamente aumentará a velocidade do site simplesmente porque há menos código para processar para cada carregamento de página. Os scripts não utilizados são eliminados. E, como essa lógica anti-inchaço ocorre em uma base por página, se você tiver uma linha fixa em uma página, não terá que se preocupar com o JavaScript fixo sendo carregado em uma página que não o possui. Essa é a beleza do JavaScript dinâmico da Divi.

Exemplo: Biblioteca JavaScript Dinâmica para um Módulo de Imagem usando Lightbox

Digamos que você tenha uma página com um módulo de imagem com lightbox habilitado. Divi irá apontar dinamicamente e executar a biblioteca Magnific Popup JS para aquela página, a fim de aplicar a funcionalidade de pop-up lightbox. Se o lightbox estiver desativado na imagem, a biblioteca JS não será carregada ou executada na página.

os recursos anti-inchaço divi aumentam a velocidade do site

Adiar jQuery e jQuery Migrate

Quando possível, jQuery e jQuery Migrate serão movidos para o corpo para remover uma solicitação de bloqueio de renderização e acelerar os tempos de carregamento. Como mostra a ilustração abaixo, se o script jQuery for carregado antes (no cabeçalho), ele pausará a análise do HTML até que o script seja executado. Isso vai desacelerar a renderização da sua página

otimização de velocidade divi

Por outro lado, se um plugin de terceiros registrar jQuery como uma dependência, ele será movido de volta para o cabeçalho para evitar conflito. Esta opção pode ser desativada se causar problemas.

Continue aprendendo no link abaixo:

CSS Dinâmico e CSS Crítico 

Volte ao artigo inicial desta série

Como Melhorar a velocidade de um site

 

Compre agora o tema DIVI clicando na imagem abaixo.

 

Serviço de Marketing Digital

OUTROS ARTIGOS

Reduza Impacto do Código de Terceiros

Reduza Impacto do Código de Terceiros

Visão geral Reduza impacto do código de terceiros que são executados em um domínio fora do seu, aumentando o tempo de carregamento do site. O código de terceiros consiste em anúncios, serviços analíticos e outros elementos que são veiculados a...

ler mais
Títulos que convertem

Títulos que convertem

Títulos que convertem tem todo o poder de chamar a atenção das pessoas para ler o seu conteúdo., tanto no seu blog quanto nas suas redes sociais. Títulos que convertem e como criá-los Para a elaboração de títulos que convertem, existem algumas...

ler mais