Jetpack Boost: un complemento de WordPress Web Vitals

Jetpack Boost: un complemento de WordPress Web Vitals

abril 8, 2021 0 Por admin


Automattic ha lanzado previamente un complemento diseñado para abordar el arduo trabajo de obtener puntajes más altos de Core Web Vitals. El complemento se encuentra actualmente en la fase de prueba y no está diseñado para su uso en sitios de producción en vivo.

El complemento Jetpack Boost está disponible en el repositorio oficial de complementos de WordPress.org, actualmente en la versión 0.9.19. Puede estar disponible en una versión completa de la versión 1.0 durante la próxima semana.

Jetpack Boost seguirá siendo gratuito, incluidas las nuevas funciones que pueden agregarse en el futuro. También puede haber características premium adicionales que automatizan ciertas funciones, pero el propósito del complemento es ser útil, ya sea la versión gratuita o premium.

Publicidad

Continuar leyendo a continuación

Jetpack Boost

Según Automattic, el complemento no está destinado a un sitio de producción en vivo. Actualmente está disponible para descargar como software de versión preliminar para probar en un sitio de prueba. Este es un software de fase alfa con fines de prueba.

El objetivo de Jetpack Boost es proporcionar una solución fácil para dar a los sitios de WordPress un impulso en las métricas de experiencia del usuario relacionadas con la velocidad y los elementos vitales centrales.

Algunos complementos de WordPress diseñados para mejorar las métricas de velocidad requieren conocimientos técnicos para aprovechar todo su potencial.

Sin embargo, Jetpack Boost está destinado a ser una solución simple de un clic para acelerar un sitio. Si bien la versión alfa actual acelerará tres áreas, Boost podría expandirse a más funciones, especialmente a medida que los desarrolladores obtengan más comentarios.

Publicidad

Continuar leyendo a continuación

Captura de pantalla del panel de Jetpack Boost

Captura de pantalla del panel de Jetpack Boost

Características del complemento Jetpack Boost

El nuevo complemento de optimización de velocidad del sitio web de Jetpack tiene tres características principales que podrían incluir más.

  1. CSS crítico local
  2. Aplazar JavaScript no esencial
  3. Carga perezosa de imágenes

1. CSS crítico local

CSS (Hojas de estilo en cascada) es un código (instrucciones) que le dice al navegador cómo diseñar una página web. CSS maneja el ancho de una página web, los colores utilizados para las fuentes, dicta el tamaño de las imágenes y básicamente todo lo que tiene que ver con la apariencia de una página web.

CSS también es un recurso de bloqueo de renderizado. Esto significa que una página web no se puede mostrar (renderizada por el navegador) hasta que el CSS se descargue por completo y esté disponible para el navegador.

CSS crítico es una técnica para crear la percepción de una página web de carga rápida extrayendo el CSS que es esencial para mostrar el contenido en la mitad superior de la página (lo que los usuarios ven primero sin desplazarse) y la superposición (lo que significa colocar el CSS en el código de la página web en lugar de hacerlo). que en un archivo separado).

El módulo CSS Local Critical también utiliza el atributo asincrónico para que el archivo CSS en sí no bloquee la visualización de la página web por parte del navegador.

La eliminación de los recursos de bloqueo de procesamiento permite que una página web obtenga una mejor puntuación con varias medidas de la experiencia de la página de Google.

Publicidad

Continuar leyendo a continuación

Eliminar los recursos de bloqueo de renderizado es una forma importante de mejorar la experiencia del usuario y lograr puntuaciones más altas de Core Web Vitals.

2. Aplazar JavaScript no esencial

Aplazar, en este caso, es una referencia a un atributo de JavaScript.

En HTML, un elemento es como un bloque de construcción básico de una página web, como el elemento JavaScript, el elemento Párrafo (que indica un párrafo de texto) o el elemento Enlace.

Un atributo es algo que modifica un elemento HTML. Por ejemplo, con el elemento Enlace (un componente básico de una página web), el atributo Enlace 'nofollow' cambia el comportamiento de un enlace al decirle a los motores de búsqueda que no sigan el enlace.

Para el elemento JavaScript, hay un elemento aplazar. El elemento defer indica al navegador que continúe construyendo la página web mientras se descarga JavaScript simultáneamente, pero que no ejecute (ejecute) JavaScript hasta que la página web se haya descargado y renderizado.39; de otra manera.

Publicidad

Continuar leyendo a continuación

El atributo aplazar es útil para JavaScript que está vinculado a elementos de la página web no críticos, como un video más abajo en la página web (debajo de la página).

Jetpack Boost transferirá JavaScript no crítico.

Así es como lo describe la página web oficial del complemento Jetpack Boost:

"Aplazar JavaScript no esencial cambia algunas tareas después de que se carga la página, por lo que la información visual importante se puede ver antes".

3. Carga diferida de imágenes

La carga diferida permite descargar una página web sin tener que descargar todas las imágenes de la página web. Descarga imágenes que están en una vista de navegador, donde el visitante del sitio puede verlas.

Facilidad de uso

Jetpack Boost está diseñado para ser extremadamente fácil de usar. Simplemente instale el complemento y active los módulos necesarios.

Publicidad

Continuar leyendo a continuación

Descargo de responsabilidad: como se mencionó anteriormente, esta es una versión alfa del complemento, una vista previa previa al lanzamiento destinada a fines de prueba en un sitio web que no está activo en la web.

Es posible que los editores con una gran cantidad de JavaScript personalizado deban verificar que el módulo Aplazar JavaScript no rompa su JavaScript.

Dicho esto, Jetpack Boost lanzará la versión 1.0 pronto dentro de unas pocas semanas o antes.

Se pueden agregar más funciones al complemento en el futuro. Hasta ahora, Jetpack Boost parece un complemento prometedor para optimizar la velocidad de un sitio web.

Cita

Página del complemento de WordPress.org para Jetpack Boost de Automattic, XWP