Bibliotecas dinâmicas de JavaScript
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
O que é DNS e o que ele tem a ver com o meu site
O QUE E DNS? O seu site é encontrado a partir do Sistema de Nome de Domínios ou, em ingles, Domain Name System. Este processo é denominado de DNS Lookup, processo de resolução de nomes, e é usado para traduzir um nome de domínio (o nome do seu...
Aprender WordPress
Aprender WordPress é um post pilar. Ele vai ter links para todos os artigos que façam referencia a como usar o WordPress em seus projetos web. Mas vamos começar respondendo a uma pergunta básica: O que é o WordPress? Para facilitar a definição...
Tamanhos perfeitos para imagens DIVI
Tamanhos perfeitos para imagens DIVI O Divi tem várias larguras de coluna e isso pode dificultar a escolha dos tamanhos perfeitos para imagens DIVI em cada um dos módulos do site. É certo que cada site é diferente, mas existem algumas diretrizes...