Jetpack Boost: un complemento de WordPress de Web Vitals

Automattic ha lanzado previamente un complemento diseñado para abordar el arduo trabajo de lograr mejores puntajes de Core Web Vitals. El complemento se encuentra actualmente en fase de prueba y no está destinado a ser utilizado 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 1.0 dentro de 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 objetivo del complemento es ser útil, independientemente de si es la versión gratuita o premium.

Anuncio publicitario

Continuar leyendo a continuación

Jetpack Boost

Según Automattic, el complemento no está diseñado para un sitio de producción en vivo. Actualmente está disponible para descargar como software de versión preliminar con fines de prueba en un sitio de prueba. Es un software de etapa alfa con fines de prueba.

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

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

Sin embargo, Jetpack Boost está destinado a ser una solución fácil de un clic para acelerar un sitio. Si bien la versión alfa actual acelerará tres áreas, Boost puede expandirse a más funciones, particularmente a medida que los desarrolladores reciban más comentarios.

Anuncio publicitario

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 pueden crecer para 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 gestiona qué tan ancha es una página web, qué colores se utilizan para las fuentes, dicta el tamaño de las imágenes y, esencialmente, todo lo que tiene que ver con el aspecto que debe tener una página web.

Anuncio publicitario

Continuar leyendo a continuación

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 fundamental para mostrar el contenido en la mitad superior de la página (lo que los usuarios ven primero sin desplazarse) e insertándolo (lo que significa colocar el CSS dentro del código de la página web). sí mismo en lugar de en un archivo separado).

El módulo Local Critical CSS 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.

Anuncio publicitario

Continuar leyendo a continuación

La eliminación de los recursos de bloqueo de procesamiento ayuda a que una página web obtenga una mejor puntuación con varias métricas de Google Page Experience.

Eliminar los recursos de bloqueo de renderizado es una forma importante de mejorar la experiencia del usuario y lograr mejores puntuaciones 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 denota 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 indicando a los motores de búsqueda que no sigan el enlace.

Anuncio publicitario

Continuar leyendo a continuación

Para el elemento JavaScript, hay un elemento aplazar. El elemento diferir le dice al navegador que siga construyendo la página web mientras descarga JavaScript simultáneamente, pero que no ejecute (ejecute) JavaScript hasta que la página web se haya descargado y renderizado.

El atributo diferir es útil para JavaScript que está relacionado con elementos de la página web que no son críticos, como un video que se encuentra en la parte inferior de la página web (en la mitad inferior de la página).

Jetpack Boost aplazará JavaScript no crítico.

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

“Aplazar Javascript no esencial mueve algunas tareas después de que se cargue la página, de modo que la información visual importante se pueda ver antes”.

Anuncio publicitario

Continuar leyendo a continuación

Relacionado: SEO de JavaScript: mejores prácticas y herramientas de depuración

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. Lo que hace es descargar imágenes que están dentro de la vista de la pantalla del navegador, donde el visitante del sitio puede verlas.

Relacionado: Cómo realizar una auditoría técnica de SEO en profundidad

Facilidad de uso

Jetpack Boost está diseñado para ser extremadamente fácil de usar. Todo lo que hay que hacer es instalar el complemento y encender los módulos necesarios.

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

Anuncio publicitario

Continuar leyendo a continuación

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

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

Es posible que se agreguen más funciones al complemento en el futuro. Hasta ahora, Jetpack Boost parece un complemento prometedor para optimizar la velocidad de un sitio web.

Actualmente se encuentra en una versión de prueba previa al lanzamiento, pero la versión completa para sitios en vivo llegará pronto.

Citación

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

Publicaciones relacionadas

Botón volver arriba