Saltar al contenido
Closer Marketing

Jetpack Boost para WordPress Core Web Vitals está listo


Automattic fue fundado por la misma persona que creó WordPress y lanzó oficialmente Jetpack Boost, un complemento gratuito que se puede utilizar para optimizar sitios web para Core Web Vitals. Esto es importante ya que Core Web Vitals se convertirá en un factor de clasificación en junio de 2021.

¿Qué es Jetpack Boost?

Jetpack Boost es un complemento que optimiza Web Core Vitals con un solo clic. El complemento actualmente hace tres cosas y hará más en el futuro.

Jetpack Boost hace lo siguiente:

  1. Optimiza la carga de CSS
  2. Mover JavaScript no esencial
  3. Carga perezosa de imágenes

publicidad

Sigue leyendo a continuación

1. Optimiza la carga de CSS

Para que una página web se junte, debe ser creada por un navegador. Este proceso se llama «Representación.«

Las hojas de estilo en cascada (CSS) son un código que le dice a los navegadores de qué color es una fuente, dónde se colocan los elementos de la página y qué más tiene que ver con el aspecto de una página web.

Sin embargo, CSS se conoce como un recurso de bloqueo de renderizado. Un recurso de bloqueo de representación evita que el navegador cree una página web porque el navegador debe descargar el recurso (por ejemplo, un Hoja estilo cascada).

Una hoja de estilo en cascada (CSS) es la pieza de código más importante para decirle a un navegador cómo crear la página web. Debido a esto, un navegador puede dejar de descargar una página web para descargar el CSS.

publicidad

Sigue leyendo a continuación

Hay algún código que es más importante que cualquier otro código para que la página funcione para un visitante del sitio web.

Esto significa CSS crítico.

Un truco para acelerar la descarga de una página web es colocar las piezas de CSS relacionadas con la apariencia de una página web en la parte superior de la propia página web.

En lugar de descargar el código CSS en un archivo separado, la parte más importante se descarga primero para que la página web se pueda construir más rápido.

Un editor puede editar su archivo CSS y pegarlo en el archivo apropiado en WordPress, o puede usar Jetpack Boost para hacerlo automáticamente.

Si bien algunos podrían decir que es mejor hacerlo a mano, no todos tienen acceso a alguien que lo haga por ellos.

Estos son los editores para los que está destinado Jetpack Boost. Jetpack Boost hace que sea fácil agregar y acelerar CSS crítico a una página web.

2. Mueva JavaScript no esencial

JavaScript es un código que funciona como una pequeña máquina que hace cosas en una página web. Por ejemplo, JavaScript es generalmente lo que hace un menú desplegable en la lista desplegable de navegación principal.

La descarga de JavaScript evita que el navegador cree el sitio web. Esto convierte a JavaScript en un «Renderizar recurso de bloqueo.«

publicidad

Sigue leyendo a continuación

Una forma de acelerar las descargas de sitios web y crear la «sensación» de un sitio web con el que se puede interactuar es descargar el código JavaScript no crítico en último lugar.

El código crítico requerido para que un visitante interactúe con un sitio web se descarga primero, y el material que un usuario no necesita inmediatamente en ese momento se descarga en último lugar.

3. Imágenes de carga diferida

Las imágenes pueden ser algunos de los elementos de un sitio web más importantes para descargar. La descarga de imágenes puede llevar mucho tiempo para renderizar una página web.

Sin embargo, no todas las imágenes de una página web deben descargarse inmediatamente. La carga diferida es una forma de aplazar la descarga de una imagen. Esto significa que las imágenes no se descargan hasta que un visitante se desplaza hasta donde se encuentra la imagen.

publicidad

Sigue leyendo a continuación

Esto hace que el sitio web sea utilizable más rápidamente para los visitantes del sitio web.

Jetpack Boost

Boost es una solución de un clic recomendada para los editores que necesitan una forma sencilla de mejorar el rendimiento de Core Web Vitals.

Jetpack lo describe de esta manera:

«Jetpack Boost le brinda a su sitio web los mismos beneficios de rendimiento que los sitios web líderes en el mundo que no requieren un desarrollador».

Jetpack Boost no es para todos. Está destinado a empresas que no tienen acceso a un desarrollador que pueda realizar los difíciles cambios de codificación para mejorar los resultados de Core Web Vitals.

Esta es una forma para que las empresas que tienen conocimientos sobre negocios pero que no codifican obtengan mejores resultados de Core Web Vitals.

publicidad

Sigue leyendo a continuación

Cita

La forma más sencilla de mejorar el rendimiento y el SEO de su sitio web



Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Esta web utiliza cookies, puedes ver la política de cookies aquí.    Más información
Privacidad