Jetpack Boost – Website Speed, Performance and Critical CSS

Descripción

¡Acelera tu web optimizando el rendimiento de las páginas con Jetpack Boost!

¿Sabías que una web más rápida?:

  • Posiciona mejor en Google.
  • Mejora la tasa de rebote (la gente estará más tiempo en tu sitio).
  • Aumenta tu tasa de conversión.

Mejora el rendimiento de tu web y acelera tu web con optimizaciones de un solo clic que potencian el rendimiento de tu sitio WordPress y mejoran las puntuaciones en las Core Web Vitals para mejorar el posicionamiento en los motores de búsqueda.

La mejora de Core Web Vitals te ayuda a posicionarte mejor en Google. Una web más rápida también mejora tu SEO, te ayuda a reducir la tasa de rebote y a aumentar la tasa de conversión de tu comercio electrónico.

  • Largest Contentful Paint (LCP): Mide el rendimiento de carga. Mejora tu LCP y mejora la velocidad de carga de tu web.
  • First Input Delay (FID): Mide la interactividad. Para mejorar la experiencia de los usuarios las páginas deberían tener un FID bajo.
  • Cumulative Layout Shift (CLS): Mide la estabilidad visual. Reducir tu CLS ayuda a mejorar la experiencia de tus usuarios.

Módulos de rendimiento

Optimiza tu web con las mismas técnicas usadas en las webs con más éxito del mundo.

Cada técnica utilizada para aumentar el rendimiento de la web está empaquetado como un módulo que puedes activar y probar.

Actualmente el plugin tiene 3 módulos de rendimiento disponibles:

  1. Optimizar la carga de CSS genera el CSS crítico para tu página de inicio, tus entradas y tus páginas. Esto puede permitir que tu contenido se muestre en la pantalla mucho más rápido, particularmente para los visitantes que usan dispositivos móviles.

    Lee más sobre la generación de CSS crítico en web.dev

  2. Aplazar el JavaScript no esencial, mueve algunas tareas a después de que la página cargue, para que la información visual importante pueda verse antes y tu web cargue más rápido.

    Lea más sobre el aplazamiento de JavaScript en web.dev

  3. La carga diferida de las imágenes solo carga las imágenes que el usuario puede ver. A medida que el usuario hace scroll, las imágenes se cargan justo antes de que aparezcan en la página. Esta simple optimización hace que los sitios sean más rápidos y ahorra ancho de banda para tu servidor y para tus clientes.

    Lee más sobre la carga diferida de imágenes en web.dev

    La API de Google PageSpeed se utiliza para medir la puntuación de rendimiento de un sitio. Es importante mirar la puntuación de la velocidad de la página porque las Core Web Vitals se van a utilizar como un factor de clasificación en los motores de búsqueda, lo que significa mejorar tu posición en las SERP y aumentar los visitantes de tu web.

Con 💚 de Jetpack

¡Esto es solo el principio!

Estamos trabajando duro para traer más características y mejoras a Jetpack Boost. ¡Haznos saber tus comentarios e ideas!

También nos gustaría dar un agradecimiento especial al equipo de XWP que nos ayudó con la investigación inicial y el alcance del plugin y se comprometió con nuestro equipo durante todo el proyecto.

Capturas

  • Jetpack Boost Critical CSS Generation
  • Jetpack Boost Speed Improvement

Instalación

  1. Instala Jetpack Boost a través del directorio de plugins y actívalo.
  2. Activa la conexión con Jetpack
  3. Activa los módulos de rendimiento uno a uno y observa cómo cambia la puntuación de rendimiento

FAQ

¿Qué hace el plugin Jetpack Boost para ayudar a acelerar mi sitio WordPress?

Jetpack Boost realiza cambios reducidos en la forma en que se envían los datos desde tu sitio de WordPress a los navegadores de los usuarios para permitir que el navegador muestre tu sitio más rápido.

Jetpack Boost incluye algunas características adicionales, que se pueden activar individualmente para mejorar el rendimiento del sitio. Entre estas se incluyen:

  • Optimizar la carga de CSS: esta característica determina el CSS más importante que tu sitio necesita para mostrar el contenido inicial de él lo más rápido posible y lo inserta directamente en la cabecera del sitio.
  • Aplazar JavaScript no esencial: esta característica obliga a que se cargue todo el JavaScript que no es esencial para mostrar tu sitio después de que se haya cargado el contenido principal de él.
  • Carga diferida de imágenes: esta características retrasa la carga de imágenes en tu sitio hasta que se haga scroll para verlas, lo que permite al navegador cargar el primer contenido que el usuario verá primero.

¿Qué mejoras de velocidad puedo esperar al usar Jetpack Boost?

El rendimiento del sitio es complicado y puede verse afectado por varios factores. Como resultado, es difícil predecir con precisión cuánto impacto tendrá en cada sitio.

Por lo general, cuanto más baja sea la puntuación de velocidad para empezar, Jetpack Boost puede afectar a tu rendimiento. Tenemos constancia de informes de usuarios de hasta 25 puntos de mejora de puntuación de velocidad simplemente instalando y usando Jetpack Boost.

Sin embargo, como el rendimiento puede verse afectado por tantos factores, también es posible que Jetpack Boost tenga un impacto negativo aunque reducido en el rendimiento en algunos casos excepcionales.

Te recomendamos que instales Jetpack Boost y lo pruebes tú mismo. Incluye una herramienta para medir tu puntuación de velocidad para comprobar el que impacto tiene en tu sitio.

¿Puedo aplazar también CSS no esencial con Jetpack Boost?

Jetpack Boost aplaza automáticamente el CSS no esencial si la función «Optimizar la carga de CSS» está activa.

La función «Optimizar la carga de CSS» identifica las reglas de CSS más importantes que tu sitio necesita para mostrar las páginas lo más rápido posible (que se denomina comúnmente «CSS crítico») y pospone la carga de todas las demás reglas de CSS hasta que se cargue el contenido principal.

¿Qué son las Web Vitals?

Core Web Vitals son las mediciones que Google utiliza para comprender mejor la experiencia del usuario en un sitio web. Al mejorar las puntuaciones de Web Vitals también estás mejorando la experiencia del usuario en tu sitio.

Puedes leer más sobre lass Core Web Vitals en web.dev

¿Cómo mejora el plugin Jetpack Boost las Core Web Vitals?

Cada Core Web Vital se relaciona con un aspecto de la rapidez con la que el sitio puede cargarse y aparecer en las pantallas de los nuevos visitantes.

Jetpack Boost realiza pequeños cambios en la forma en que se envían los datos desde tu sitio WordPress a los navegadores de tus usuarios para permitir que el contenido se muestre más rápido. Como resultado, puedes mejorar tus puntuaciones de Core Web Vitals.

Por ejemplo, nuestra función «Optimizar la carga de CSS» garantiza que las reglas de CSS más importantes se envíen a los navegadores de los usuarios lo antes posible, y se mejoren las puntuaciones de First Contentful Paint (FCP) y Cumulative Layout Shift (CLS).

¿Este plugin necesita Jetpack?

Jetpack Boost es una parte de la marca Jetpack, pero no requiere el plugin Jetpack para funcionar. Es un plugin independiente de Jetpack y siempre seguirá siendo así.

¿Este plugin podrá mejorar el rendimiento en cualquier web?

Este plugin incluye una variedad de mejoras de rendimiento, que pueden contribuir a que prácticamente cualquier sitio WordPress funcione mejor.

Sin embargo, si el sitio ya está extremadamente bien optimizado, es posible que Jetpack Boost no tenga mucho espacio para mejorarlo.

Jetpack Boost incluye una herramienta para medir la puntuación de velocidad de tu sitio – animamos a los usuarios a que la prueben y vean qué impacto puede tener para ellos.

¿Cómo sé que está funcionando?

Cada sitio es diferente, por lo que los beneficios de rendimiento de cada módulo pueden variar de un sitio a otro. Por ello, te recomendamos que midas las mejoras de rendimiento en tu web activando los módulos de rendimiento uno a uno. Hay muchas herramientas que puedes utilizar de forma gratuita para medir las mejoras de rendimiento.

Las mediciones de Google PageSpeed están integradas en el escritorio de Jetpack Boost.

¿Es segura la optimización de velocidad con Jetpack Boost?

Sí, es seguro probar Jetpack Boost en cualquier sitio de WordPress.

Jetpack Boost no altera el contenido de tu sitio, solo modifica la forma en que se envía el contenido al navegador del usuario para permitir que se muestre más rápido.

Como resultado, todas las funciones de Jetpack Boost se pueden desactivar de forma segura en caso de incompatibilidad con los demás plugins.

¿Cómo es Jetpack Boost comparado con otros plugins de optimización de velocidad de WordPress?

Los plugins de optimización de velocidad para WordPress pueden ser complicados y opacos para los usuarios. A menudo ofrecen columnas de casillas de verificación con poca explicación, y no incluyen herramientas para medir el impacto de cada cambio o elección que hacen los usuarios.

Jetpack Boost tiene como objetivo ser lo más fácil de usar posible e incluye un indicador de puntuación de velocidad para ayudar a los usuarios a medir de inmediato el impacto de tus decisiones.

¿Funciona con caché de página estática?

Por supuesto. Si tienes plugins como WP Super Cache o W3 Total Cache instalados – ¡Jetpack Boost sólo va a ayudar a aumentar los beneficios de rendimiento! Ten en cuenta que tienes que esperar a que se borre la caché para que aparezcan las mejoras de Jetpack Boost.

¿Jetpack Boost puede hacer que mi web se cargue más rápido si tengo una base de datos de gran tamaño?

De momento, Jetpack Boost no incluye optimizaciones dirigidas a bases de datos de gran tamaño. Sin embargo, no te pierdas las novedades; siempre buscamos nuevas formas de ayudar a nuestros usuarios a obtener un mejor rendimiento.

¿Jetpack Boost ayuda con la optimización de imágenes?

Jetpack Boost puede ayudar a que los sitios con imágenes de gran tamaño funcionen mejor mediante la carga diferida de imágenes; de esa forma, se impide que las imágenes se carguen hasta que se haga scroll para verlas.

Sin embargo, actualmente no incluye ninguna característica de optimización de formato de imagen. Buscamos constantemente formas de mejorar el plugin, así que permanece atento a este espacio para ver más características en el futuro.

¿Jetpack Boost es compatible con otros plugins de optimización de velocidad y almacenamiento en caché?

Excepto en determinadas excepciones, Jetpack Boost no tiene problemas para ejecutarse junto con la mayoría de los plugins de optimización de velocidad y almacenamiento en caché. Como directriz, no recomendamos habilitar la misma función en varios plugins de optimización.

Por ejemplo, si dos plugin intentan diferenciar tus JavaScript no esenciales, puede generarse un conflicto entre ellos y provocar problemas de visualización en tu sitio.

Si tienes problemas de compatibilidad, háznoslo saber. Puedes dejarnos unas líneas en los foros de soporte de Jetpack Boost en cualquier momento.

Reseñas

25 de mayo de 2022
Great features. Must have plugin to track anonymously visits and boost performance.
25 de mayo de 2022
I didn't think I needed this 'Jetpack Boost' plugin until I ran the plugin to see where my stats were. Long story-short: stats were unbelievably so much lower than expected and THEN IT FIXED THEM making it run VROOM VROOM FAST!! I am definitely keeping this plugin for the long-haul. Skeptic to skeptic, believe me, I didn't want another plugin added to my list either! Just try it; love it or leave it. You've got nothing to lose and lots to gain! *** After re-reading my review ^^^ : I swear I do NOT work for Jetpack or any of their affiliates, haha. (100% honest user review from yours truly, former skeptic) ***
23 de mayo de 2022
As soon as I connected boost, the mobile speed went from 45to 86 Thanks
Leer todas las 145 reseñas

Colaboradores y desarrolladores

«Jetpack Boost – Website Speed, Performance and Critical CSS» ha sido traducido a 13 idiomas locales. Gracias a los traductores por sus contribuciones.

Traduce «Jetpack Boost – Website Speed, Performance and Critical CSS» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

1.4.2 – 2022-04-11

Fixed

  • Se ha corregido un fallo crítico en la generación de CSS al utilizar una CDN para servir el CSS

e aquí los registros de cambios anteriores