Activar la Carga Diferida (Lazyload) y la Precarga (Preload) de Secciones e Imágenes

Acerca de Carga Diferida y Precarga en GemPages

Función de Carga Diferida (Lazyload)

Carga Diferida optimiza su página cargando los estilos y fuentes únicamente de la primera sección cuando un visitante accede a su página. Esto retrasa la carga del resto hasta que sea necesario, minimizando el tiempo de carga inicial.

Función de Precarga (Preload)

Precarga prioriza la carga de imágenes específicas en una etapa más temprana del proceso de renderizado de la página, asegurando que los elementos visuales más importantes aparezcan de inmediato. Esto mejora la experiencia del usuario al entregar el contenido esencial sin demoras.

¿Por qué son Importantes la Carga Diferida y la Precarga?

• Mejora de la Velocidad de Carga: La carga diferida reduce el volumen de contenido que se carga inicialmente, lo que hace que las páginas se carguen más rápido.
• Mejor Experiencia de Usuario: Unos tiempos de carga más rápidos evitan que los usuarios abandonen su sitio web.
• Beneficios para el SEO: Los motores de búsqueda favorecen los sitios web más rápidos, lo que mejora su posicionamiento.

¿Cómo Activar la Carga Diferida en su Página de GemPages?

La Carga Diferida está activada de forma predeterminada en todas las páginas creadas con GemPages v7. Cuando publique una página, ésta heredará la configuración de Carga Diferida vigente.

Para verificar esta configuración:

• Desde la aplicación GemPages , vaya a Preferencias > Configuración de la tienda.
• Localice la opción Carga diferida de secciones (Lazy section loading) bajo la sección Configuración del editor.

Lo que hace la Carga Diferida según su estado:

• Activado (Predeterminado): Solo se cargan inicialmente los estilos y fuentes de la primera sección, mientras que las secciones siguientes se cargan poco después. Esto mejora el rendimiento y su puntuación en PageSpeed Insights.
• Desactivado: Todos los estilos y fuentes de cada sección se cargan simultáneamente cuando se accede a la página. Esto puede ralentizar su página y afectar negativamente su puntuación en PageSpeed Insights.

¿Cómo Activar la Precarga para Elementos de Imagen en GemPages?

Para los elementos de imagen, GemPages le permite optimizar su página mediante la Precarga. Esto garantiza que los elementos visuales esenciales reciban prioridad y se carguen de inmediato cuando los visitantes accedan a su página. 

Siga estos pasos para activarla:

Paso 1: En el editor de GemPages, haga clic en el elemento de imagen para abrir su panel de Configuración .

Paso 2: En la barra lateral izquierda, localice la sección Optimizar LCP y establezca Precarga = Sí para activar la función de Precarga en la imagen seleccionada.

Nota:

• La Carga Diferida se activa automáticamente para todas las imágenes en GemPages, por lo que no necesita configurarla manualmente.
• Use la Precarga con moderación y sólo para las imágenes esenciales, a fin de evitar una carga innecesaria en su servidor. Debería activar la Precarga para su imagen LCP (generalmente la imagen principal del hero/banner) con el objetivo de mejorar los Core Web Vitals.
• GemPages optimiza automáticamente los scripts, difiriendo los scripts no críticos hasta después de la carga inicial de la página. No necesita configurar esto manualmente, ya que está integrado en el sistema.