Jetpack Boost – Website Speed, Performance and Critical CSS

Descripción

Acelera tu sitio de WordPress optimizando el rendimiento de las páginas con Jetpack Boost. Activa fácilmente las optimizaciones con un solo clic para potenciar tus Core Web Vitals.

¿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.
  • Desplazamiento acumulativo del diseño (Cumulative Layout Shift, CLS): mide la estabilidad visual. Reducir tu CLS ayuda a mejorar tu experiencia de usuario.

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 dispone de 6 módulos de rendimiento:

  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.

    Obtén más información sobre la generación crítica de CSS en web.dev

  2. Caché de página agiliza tu sitio guardando las páginas como archivos estáticos. Los visitantes acceden rápidamente al contenido de estos archivos, se reducen los tiempos de carga y se mejora la experiencia del usuario.

  3. 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.

    Obtén más información sobre el aplazamiento de javascript en web.dev

  4. Guías para las imágenes es una función imprescindible para cualquiera que desee optimizar las imágenes de su web. Con estas guías, puedes asegurarte de que las imágenes de tu sitio tengan el tamaño y las dimensiones adecuados, lo que es fundamental para mejorar la experiencia del usuario, la velocidad de la página y la clasificación del sitio. Siguiendo los consejos y buenas prácticas descritos en las guías, puedes reducir el tamaño de los archivos de imagen y acelerar tu sitio. Consulta nuestra página de soporte para obtener más información sobre esta función y sobre cómo puede ayudarte a conseguir una experiencia web más rápida y fluida para tus usuarios.

  5. CDN de imágenes permite que tu sitio sirva imágenes redimensionadas automáticamente en formatos web modernos directamente desde la red mundial de distribución de contenidos de Jetpack.

    Obtén más información sobre las CDN de imágenes en web.dev

  6. Concatenar y reducir CSS y JS combina y reduce tus recursos JavaScript y CSS para reducir el número y tamaño de las peticiones a tu servidor. Así, tu contenido se cargará más rápido.

    Obtén más información sobre la reducción de archivos en web.dev

¿No quieres tener que generar manualmente tu CSS crítico cada vez que actualices tu sitio? Déjanos hacer el trabajo pesado por ti con el CSS crítico automatizado – cada vez que actualices tu sitio regeneraremos automáticamente tu CSS crítico y actualizaremos tus puntuaciones de rendimiento. La actualización también te permite acceder a soporte técnico por correo electrónico.

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

  • Generación crítica de CSS de Jetpack Boost
  • Mejora de la velocidad de Jetpack Boost

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 Jetpack Boost para ayudar a acelerar mi sitio de 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 un creciente número de 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.
  • Caché de página: esta función permite almacenar las páginas de tu sitio web como archivos HTML estáticos, por lo que ya no es necesario generarlas de forma dinámica. Los visitantes no tienen que esperar tanto para ver las páginas abiertas, con la consiguiente mejora general para el rendimiento 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.
  • CDN de imágenes: esta función redimensiona automáticamente las imágenes a un tamaño más adecuado para las pantallas de tus visitantes, las convierte a formatos de imagen modernos y las sirve desde la red mundial de servidores de Jetpack.
  • Concatenar JS: esta función reduce el tamaño de tus recursos JavaScript y los combina automáticamente en menos archivos, lo que permite que tu sitio se cargue más rápido con menos peticiones.
  • Concatenar CSS: al igual que con la concatenación de JavaScript, esta función reduce el tamaño de los archivos CSS y permite que se carguen con menos peticiones.

¿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.

Obtén más información sobre 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?

La característica de CDN de imágenes de Jetpack Boost convierte automáticamente tus imágenes a formatos web más modernos, lo que permite reducir el tamaño de los archivos de imagen sin pérdida de calidad.

¿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

8 de octubre de 2024 1 respuesta
I test a couple of cache or speed plugin. this one is really simple to use and give good performance to my website. Reduce loading time for mobile and desktop

/

3 de octubre de 2024
/
Leer todas las 510 reseñas

Colaboradores y desarrolladores

«Jetpack Boost – Website Speed, Performance and Critical CSS» está traducido en 28 idiomas. 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

3.5.1 – 2024-09-26

Changed

  • Support: Increased minumum required WordPress version to 6.5

Consulta aquí los registros de cambios anteriores