Habilitar Lazyload e pré-carregar sua seção e imagem

Sobre Lazyload e Preload em GemPages

Recurso de carregamento lento

Carga preguiçosa Otimiza sua página carregando os estilos e fontes apenas da primeira seção quando um visitante acessa sua página. Isso adia o carregamento do restante até que sejam necessários, minimizando o tempo de carregamento inicial.

Recurso de pré-carregamento

pré-carga prioriza o carregamento de imagens específicas no início do processo de renderização da página, garantindo que elementos visuais essenciais apareçam instantaneamente. Isso aprimora a experiência do usuário, entregando conteúdo essencial sem atrasos.

Por que Lazyload e Preload são importantes?

• Velocidade de carregamento de página aprimorada: O carregamento lento reduz o tamanho do conteúdo carregado inicialmente, fazendo com que as páginas carreguem mais rápido.
• Melhor experiência do usuário: Tempos de carregamento mais rápidos evitam que os usuários abandonem seu site.
• Benefícios de SEO: Os mecanismos de busca favorecem sites mais rápidos, melhorando sua classificação.

Como habilitar o Lazyload para sua página GemPages?

Lazyload é ativado por padrão para todas as páginas construídas com GemPages v7. Quando você publica uma página, ela herdará as configurações atuais do Lazyload.

Para verificar esta configuração:

• De Construtor GemPages app, vá para Preferencias > Configurações da loja.
• Localize o Carregamento de seção lento sob a Configurações do editor.

O que o Lazyload faz com base em seu status:

• Ativado (padrão): Somente os estilos e fontes da primeira seção são carregados inicialmente, enquanto as seções subsequentes são carregadas um pouco mais tarde. Isso melhora o desempenho e sua pontuação no PageSpeed ​​Insights.
• Desativado : Todos os estilos e fontes para cada seção são carregados simultaneamente quando a página é acessada. Isso pode tornar sua página mais lenta e impactar negativamente seu Pontuação do PageSpeed ​​Insights.

Como habilitar o pré-carregamento para elementos de imagem no GemPages?

Para elementos de imagem, o GemPages permite que você otimize sua página usando o pré-carga. Isso garante que os recursos visuais essenciais sejam priorizados e carregados imediatamente quando os visitantes acessam sua página. 

Veja como ativá-lo:

Passo 1: No editor GemPages, clique no elemento de imagem para abri-lo Configurações painel.

Passo 2: Na barra lateral esquerda, localize o Otimize o LCP seção e definir o pré-carga = Sim para habilitar o recurso de pré-carregamento para a imagem selecionada.

Observação:

• O Lazyload é ativado automaticamente para todas as imagens no GemPages, então você não precisa configurá-lo manualmente.
• Use o pré-carregamento com moderação e apenas para imagens essenciais para evitar carga desnecessária no seu servidor. Você deve habilitar o pré-carregamento para a sua imagem LCP (geralmente a imagem principal do herói/banner) para melhorar o Core Web Vitals.
• O GemPages otimiza scripts automaticamente, adiando scripts não críticos até depois do carregamento inicial da página. Você não precisa configurar isso manualmente, pois é integrado ao sistema.