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.
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
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:
Volte ao artigo inicial desta série
Como Melhorar a velocidade de um site
Compre agora o tema DIVI clicando na imagem abaixo.
OUTROS ARTIGOS
Como dimensionar e ampliar negócios
Como dimensionar e ampliar negócios Como dimensionar e ampliar negócios por meio dos Novos 4Ps: Plataformas, Propósito, Pessoas e Planeta. As tecnologias avançadas prometem muitas oportunidades novas e estimulantes, ao mesmo tempo que mudam...
14 dicas para otimizar a performance de um site
Neste artigo eu vou mostrar 14 dicas para otimizar a performance de um site 14 dicas para otimizar a performance de um site # 1 Atualize sua hospedagem Se você leva a sério a velocidade (e o desempenho) do seu site, comece escolhendo um bom...
Adiar o carregamento de fontes, emojis e Icones
Adiar o carregamento de fontes do Google Ao adiar o carregamento de fontes do Google se ativa o armazenamento em cache de fontes do Google e as carrega in-line no cabeçalho. Isso reduz as solicitações de bloqueio de renderização e acelera os tempos...
