Jetpack Boost

Jetpack Boost ayuda a que tu sitio cargue más rápido al optimizar la forma en que se entregan los recursos clave, como CSS, JavaScript y las imágenes. Esta guía explica cómo instalar Boost, qué hace cada función y cómo usarlas.

Puedes empezar gratis o mejorar tu plan para desbloquear funciones premium, como la optimización automática de CSS, controles de calidad de imagen y análisis avanzado de imágenes.

Los planes de alojamiento de WordPress.com (Business o Commerce) no incluyen las funciones premium de Jetpack Boost; necesitarás un plan de Boost de pago para usarlas. Consulta Usar Jetpack Boost en WordPress.com más abajo para ver los pasos de activación.

Requisitos de instalación MD

Para usar Jetpack Boost, asegúrate de que tu sitio:

• Funciona con la versión más reciente de WordPress.
• Es de acceso público (no está protegido con contraseña ni en modo de mantenimiento).
• Cumple los requisitos de alojamiento de WordPress.
• Tiene un archivo de acceso público de xmlrpc.php.

No necesitas el plugin Jetpack para usar Boost. Jetpack Boost es un plugin independiente.

Instalar Jetpack BoostMD

1. Desde WP Admin → Plugins → Añadir nuevo, busca Jetpack Boost.
2. Haz clic en Instalar ahora, y después en Activar.
3. Elige un plan gratuito o de pago.
4. Después de la activación, se te redirigirá al panel de Boost, donde Boost calculará tus puntuaciones de rendimiento general, de escritorio y móvil.

Si Jetpack Boost no puede conectarse a tu sitio, sigue estos pasos para solucionar problemas.

Panel de Jetpack BoostMD

Una vez instalado, el panel de Boost muestra las puntuaciones de rendimiento general, de escritorio y móvil de tu sitio en La velocidad de tu sitio.

Debajo de las puntuaciones de escritorio y móvil pueden aparecer insignias de mejora de puntuación para mostrar cómo han afectado las optimizaciones a tu rendimiento.

Usa el botón Ejecutar prueba de velocidad situado en la esquina superior derecha de la pantalla de Boost para actualizar tus puntuaciones después de hacer cambios.

Boost agrupa los ajustes de optimización en Optimiza tu velocidad dentro de secciones desplegables para las páginas principales, la carga de páginas, la optimización del código y las imágenes. El historial de rendimiento está disponible en los planes de pago.

Registro de actividadMD

A partir de Jetpack Boost 4.7.0 se añade una página de registro de actividad a WP Admin. El registro de actividad (también llamado actividad del sitio) registra lo que sucede en tu sitio, incluidos los artículos y las páginas publicados y actualizados, la moderación de comentarios, los cambios en plugins y temas, los cambios de ajustes y los intentos de inicio de sesión.

Para verlo, ve a Jetpack → Registro de actividad en WP Admin.

La página de registro de actividad requiere todo lo siguiente:

• Jetpack Boost 4.7.0 o una versión posterior.
• Un sitio conectado a WordPress.com, con tu cuenta de usuario vinculada a esa conexión.
• El rol de administrador en el sitio.

No necesitas el plugin Jetpack. Boost proporciona la página de registro de actividad por sí solo.

Con la versión gratuita de Boost, el registro de actividad muestra los 20 eventos más recientes y no permite filtrar. Un plan de pago de Jetpack VaultPress Backup, Jetpack Security o Jetpack Complete amplía el historial de eventos y permite filtrar por intervalo de fechas y tipo de actividad. El registro de actividad no se puede exportar a un archivo.

Referencia de funcionesMD

Jetpack Boost incluye herramientas para mejorar y supervisar el rendimiento del frontend de tu sitio. Puedes gestionar las funciones de optimización desde la sección Optimiza tu velocidad del panel de Boost.

Función	Gratis	De pago
Puntuaciones de rendimiento del sitio Ver las puntuaciones de rendimiento del sitio según Google PageSpeed Insights. Más información.	✅	✅
Historial de rendimiento Consulta tu historial de rendimiento a lo largo del tiempo.	❌	✅
Páginas principales Da prioridad a tus páginas más importantes para optimizaciones específicas, incluida la optimización del CSS crítico y de imágenes para LCP.	Una (1) página	Diez (10) páginas
Optimizar la carga de CSS Genera CSS crítico para dar prioridad a los estilos necesarios para mostrar la parte visible de tu página.	✅	✅
CSS crítico automatizado Optimiza automáticamente la carga de CSS después de realizar cambios.	❌	✅
Almacenar en caché las páginas del sitio Crea versiones estáticas de tus páginas para reducir el tiempo de carga de los visitantes.	✅	✅
Aplazar JavaScript no esencial Retrasa la carga de los scripts que no son necesarios para el renderizado inicial, lo que ayuda a que tu contenido aparezca más rápido	✅	✅
Concatenar JavaScript y CSS Combina varios archivos de JavaScript o CSS en uno para mejorar el rendimiento de carga.	✅	✅
CDN de imágenes Entrega tus imágenes desde la CDN global de alta velocidad de Jetpack.	✅	✅
Ajusta la calidad de la imagen según el formato Añade controles de calidad de imagen a las imágenes servidas mediante CDN y permite acceder al redimensionado de carga diferida.	❌	✅
Activar la guía de imágenes Muestra información sobre el tamaño de las imágenes mientras navegas, lo que te ayuda a detectar las que pueden ser demasiado grandes. Más información.	✅	✅

Páginas esencialesMD

Las páginas esenciales ayudan a Boost a priorizar las mejoras de rendimiento en el contenido más importante. Boost se centra en estas páginas al generar el CSS crítico y las puntuaciones de Page Speed. Tu página de inicio siempre se considerará una página esencial.

• En el plan gratuito, puedes establecer una página esencial adicional.
• En el plan de pago, puedes establecer hasta diez páginas adicionales.

De forma predeterminada, Boost añade:

• Tu página de tienda de WooCommerce (si está activa).
• Páginas marcadas como contenido esencial en el plugin Yoast SEO.

Nota: Si tienes un plan gratuito, solo se añadirá una página de las anteriores (sin contar la página de inicio) cuando instales Jetpack Boost por primera vez.

Puedes ver o cambiar esta lista desde la sección Páginas esenciales, dentro de Optimiza tu velocidad en el panel de Boost.

Boost almacena las páginas esenciales como URL relativas, por lo que, si cambias de dominio, la lista seguirá funcionando sin que tengas que actualizar nada.

Las páginas esenciales afectan a:

• Puntuaciones de velocidad: Boost utiliza la primera página de la lista para medir el rendimiento.
• CSS crítico CSS: Cada página principal obtiene su propio CSS optimizado, lo que mejora la precisión de carga.

Preprocesar páginas esenciales

Cuando está activada, esta función utiliza carga especulativa de WordPress 6.8 para pre-renderizar las páginas esenciales en los navegadores compatibles. Esto significa que las páginas enlazadas pueden empezar a cargarse en segundo plano cuando los usuarios pasan el cursor sobre ellas, por lo que la carga se percibe más rápida al hacer clic.

Puedes activar o desactivar esta opción desde la sección Páginas esenciales del panel de Boost. Está desactivada de forma predeterminada.

Más información sobre las páginas esenciales.

Optimizar la carga de CSSMD

La opción «Optimizar la carga de CSS» genera el CSS crítico CSS, los estilos necesarios para mostrar la parte visible de tu página, y carga esos estilos primero para que el contenido se renderice más rápido.

• En el plan gratuito, selecciona el botón Generar la primera vez que uses esta función. Cuando sea necesario actualizar el CSS crítico más adelante, selecciona el «Regenerar CSS crítico».
• En el plan de pago, Boost genera y actualiza automáticamente el CSS crítico CSS.

Si Salud del sitio informa de «CSS crítico CSS obsoleto», sigue el enlace al panel de Boost y selecciona «Regenerar CSS crítico CSS».

Permanece en el panel de Boost mientras se genera el CSS crítico CSS. Si sales de la página, el proceso se pausará.

Obtén más información sobre cómo optimizar CSS

Optimizar las imágenes de LCP (gratis para 1 página y de pago para hasta 10)MD

Optimiza la imagen del renderizado del mayor elemento con contenido (LCP) de tus páginas esenciales para mejorar el tiempo de carga percibido y las puntuaciones de Core Web Vitals.

Plan gratuito: Optimiza una página esencial.
Plan de pago: Optimiza hasta diez.

Identifica automáticamente la imagen visible o de fondo más grande y:

• Prioriza la carga con fetchpriority="high"
• Desactiva la carga diferida de las imágenes de LCP
• Utiliza Jetpack CDN y técnicas de imágenes adaptables
• Precarga las imágenes de fondo con image-set()

Más información sobre la optimización de imágenes de LCP

Almacenar en caché las páginas del sitioMD

Almacenar en caché las páginas del sitio crea versiones estáticas de tus páginas para reducir el tiempo de carga para los visitantes.

• Boost actualiza automáticamente la caché cuando cambia tu contenido.
• Puedes excluir páginas concretas de la caché, lo que puede resultar útil para contenido que se actualiza con frecuencia.

Para activar la caché de páginas:

1. Despliega la sección «Carga de páginas».
2. Activa el interruptor «Almacenar en caché las páginas del sitio».
3. Para excluir páginas de la caché, abre el panel Excepto y añade los patrones de URL que quieras excluir.

En los hosts de WP Cloud, incluidos Pressable y WordPress.com, Boost puede detectar la caché de páginas del proveedor de alojamiento. En este caso, Boost muestra La caché de páginas está activa en lugar del interruptor «Almacenar en caché las páginas del sitio», y no es necesario configurar ninguna caché de páginas adicional.

Más información sobre el almacenamiento en caché de las páginas del sitio con Boost.

Posponer el JavaScript no esencialMD

Posponer el JavaScript no esencial retrasa los scripts que no son necesarios para el renderizado inicial, lo que ayuda a que tu contenido aparezca más rápido.

Para activarlo, amplía la sección «Carga de la página» y activa el interruptor «Posponer JavaScript no esenciales».

Si algunas funciones del sitio, como los formularios o los carruseles, dejan de funcionar, es posible que dependan de JavaScript, que debe cargarse antes. Puedes hacer lo siguiente:

• Desactiva el interruptor «Posponer JavaScript no esenciales».
• Abre el panel «Excepto» y añade las URL o los patrones de URL en los que no se debe posponer JavaScript.
• En su lugar, para excluir un script específico, añade data-jetpack-boost="ignore" a su etiqueta de script.

Concatenar JavaScriptMD

La concatenación de JavaScript combina y minimiza los archivos de JavaScript para reducir el número de scripts que tu sitio debe cargar.

Para activarlo, amplía la sección «Optimización del código» y activa el interruptor «Concatenar JavaScript».

Excluir scripts específicos

Es posible que algunos archivos de JavaScript no funcionen correctamente al combinarlos. Para excluirlos, puedes identificar el identificador del script consultando el código fuente de tu página o la documentación del plugin.

 Ejemplo de etiqueta de script:

https://yourjetpack.blog/wp-content/plugins/snow-effects/snow-effects.js

1.  El identificador es: snow-effects.
   
2. Abre el panel «Excepto», añade snow-effects a la lista de identificadores y selecciona el botón «Guardar».
   

Cuando funcione correctamente, verás un comentario como este en el código fuente de la página:

<!-- No Concat JS snow-effects => Excluded option -->

Esta función solo funciona con scripts añadidos mediante WordPress Enqueue API. No afecta a los scripts integrados o insertados en línea.

Concatenar CSSMD

La concatenación de CSS combina y minimiza los archivos de hojas de estilo para reducir el número de estilos que tu sitio debe cargar.

Para activarlo, amplía la sección «Optimización del código» y activa el interruptor «Concatenar CSS».

Excluir hojas de estilo específicas

Algunas hojas de estilo pueden dejar de funcionar al combinarlas. Para excluirlas, puedes buscar el identificador de la hoja de estilo en el atributo id del HTML.

 Ejemplo:

<link rel="stylesheet" href="https://yourjetpack.blog/wp-content/themes/twentytwenty/style.css" id="twentytwenty-style-css">

1.  El identificador es: twentytwenty-style.
   
2. Abre el panel «Excepto», añade twentytwenty-style a la lista de identificadores y selecciona el botón «Guardar».

Al igual que la concatenación de JavaScript, esto solo funciona con las hojas de estilo añadidas mediante WordPress Enqueue API.

CDN de imágenes CDNMD

Sirve tus imágenes desde la CDN global de alta velocidad de Jetpack. También convierte las imágenes a formatos más eficientes, como WebP, para que se carguen más rápido.

Para activarlo, amplía la sección «Imágenes» y activa el interruptor «CDN de imágenes CDN».

• Plan gratuito: Las imágenes se optimizan y se sirven automáticamente mediante la CDN.
• Plan de pago: Añade controles de calidad de imagen y acceso al redimensionamiento de carga diferida.

Ajustar la calidad de imagen por formato (función de pago)

Con un plan Paid Boost, amplía Ajustar la calidad de imagen por formato en Imágenes en CDN para controlar la calidad de las imágenes JPEG, PNG y WebP.

Ajusta el nivel de calidad de cada formato con el control deslizante o selecciona la casilla Sin pérdida para conservar la calidad de la imagen sin compresión con pérdida.

Redimensionar automáticamente imágenes de carga diferida (función de pago)

Redimensiona las imágenes cargadas de forma diferida para que se ajusten mejor al tamaño de su contenedor. Esto ayuda a reducir los cambios de diseño y mejora Cumulative Layout Shift (CLS).

• Redimensionar automáticamente imágenes de carga diferida está disponible con un plan Paid Boost cuando se activa Imágenes en CDN.
• Activa el interruptor «Redimensionar automáticamente imágenes de carga diferida» para redimensionar las imágenes de carga diferida de modo que coincidan con sus dimensiones mostradas.

Activar la guía de imágenesMD

La guía de imágenes muestra información sobre el tamaño de las imágenes mientras navegas por tu sitio, lo que te ayuda a detectar las que pueden ser demasiado grandes.

Para usarla, amplía la sección «Imágenes» y activa el interruptor «Activar la guía de imágenes».

Esto resulta especialmente útil si no sabes por dónde empezar con la optimización de imágenes.

Uso en multisitio y localMD

• Instalaciones multisitio: La página de registro no está disponible en las redes multisitio y no aparece en ningún sitio de la red.
• Entornos locales: Usa Modo sin conexión para probar Boost en sitios privados o locales.

Jetpack Boost Centro de ayuda para solucionar problemasMD

Si Jetpack Boost no funciona como esperabas, tenemos documentación útil para ayudarte a volver a la normalidad. La mayoría de los problemas se pueden solucionar con unos sencillos pasos, empezando por un diagnóstico adecuado.

Usa la guía siguiente para encontrar problemas habituales, organizados por función. Cada enlace abre un artículo específico de solución de problemas con instrucciones detalladas.

Caché	Soluciona problemas con la caché de páginas de Boost, como problemas de acceso a archivos o conflictos con otros plugins.	Solución de problemas de caché de Jetpack Boost
CSS crítico	Soluciona los errores relacionados con CSS crítico obsoleto o ausente.	Solución de problemas de CSS crítico en Jetpack Boost
Concatenar CSS/JS	Soluciona los errores de diseño o de scripts causados por la concatenación de CSS o JavaScript.	Solución de problemas de los métodos de entrega de CSS o JavaScript concatenados
Aplazamiento de JavaScript	Descubre cómo excluir los scripts que dejan de funcionar cuando se cargan más tarde.	Excluye archivos de JavaScript del aplazamiento de Jetpack Boost
Medición de la puntuación de velocidad	Descubre cómo Boost calcula las puntuaciones de velocidad y qué significa cada métrica.	Cómo se mide la puntuación de velocidad con Jetpack Boost
Errores de la consola	Soluciona los errores de JavaScript o CSS que aparecen en la consola de tu navegador.	Comprende los errores de la consola en Jetpack Boost
Personalización del filtro de caché	Para desarrolladores: personaliza cómo gestiona Boost la caché mediante filtros opcionales y archivos de configuración.	Uso de filtros para personalizar los parámetros de caché en Jetpack Boost
Variaciones de la puntuación de velocidad	Descubre por qué puede cambiar la puntuación de Boost en cada prueba de velocidad y cómo hacer pruebas más fiables.	Por qué cambia la puntuación de velocidad de Jetpack Boost (y qué hacer al respecto)
Optimización de imágenes LCP	Soluciona los problemas que impiden que Boost optimice tus imágenes del renderizado del mayor elemento con contenido.	Solución de problemas habituales al optimizar imágenes de LCP en Jetpack Boost

¿Necesitas ayuda?MD

Si tienes problemas para configurar o usar Jetpack Boost, ponte en contacto con el servicio de asistencia de Jetpack. Estaremos encantados de ayudarte.

---

Información sobre privacidadMD

Nos comprometemos plenamente con la privacidad y la seguridad de nuestros clientes y sus datos personales. Para comprender mejor cómo Jetpack Boost utiliza tus datos, consulta el Automattic: Aviso de privacidad (Automattic es propietaria y gestiona el plugin Jetpack Boost), la política de privacidad de Automattic y la sección siguiente.

Jetpack Boost utiliza bibliotecas de Jetpack para conectarse a WordPress.com y calcular la puntuación de velocidad de la página (utilizando la cookie tk_ai) Encontrarás más información sobre las cookies de Jetpack aquí.