WordPress.org

Plugin Directory

Jetpack Boost – Website Speed, Performance and Critical CSS

Jetpack Boost – Website Speed, Performance and Critical CSS

Descripción

Speed up your WordPress site by optimizing page performance with Jetpack Boost. Easily activate one-click optimizations to boost your Core Web Vitals.

Did you know that a faster website:-

  • Ranks higher on Google.
  • Improves bounce rate (people stay on your site for longer).
  • Increases your conversion rate.

Increase your website performance and speed up your website with one-click optimizations that supercharge your WordPress site’s performance and improve core web vitals scores for better search engine listings.

Improving Core Web Vitals helps you rank higher on Google. A faster website also improves your SEO, helps you reduce your bounce rate and increase your ecommerce conversion rate.

  • Largest Contentful Paint (LCP): Measures loading performance. Improve your LCP and improve your website loading speed.
  • First Input Delay (FID): Measures interactivity. To improve user experience pages should have a low FID.
  • Cumulative Layout Shift (CLS): Measures visual stability. Lowering your CLS helps improve your user experience.

Módulos de rendimiento

Optimize your website with the same techniques used on the world’s most successful websites.

Each technique that is used to increase website performance is packaged up as a module that you can activate and try out.

Currently, the plugin has 6 performance modules available:

  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.

    Read more about critical CSS generation at web.dev

  2. Page Cache speeds up your site by saving pages as static files. These files are quickly served to visitors, reducing load times and enhancing user experience.

  3. Defer Non-Essential Javascript moves some tasks to after the page loads, so that important visual information can be seen sooner and your website loads quicker.

    Read more about deferring javascript at web.dev

  4. Image Guide is a must-have feature for anyone who wants to optimize the images on their website. With this guide, you can ensure that the images on your site are the right size and dimensions, which is critical for improving user experience, page speed, and site ranking. Following the tips and best practices outlined in the guide, you can reduce image file sizes and speed up your site. Check out our support page to learn more about this feature and how it can help you achieve a faster and smoother website experience for your users.

  5. Image CDN allows your site to serve automatically-resized images in modern web formats directly from Jetpack’s worldwide Content Delivery Network.

    Read more about Image CDNs at web.dev

  6. Concatenate and Minify CSS and JS combines and shrinks your JavaScript and CSS resources to reduce the number and size of requests to your server, ensuring your content loads faster.

    Read more about minifying files at web.dev

Don’t want to have to manually generate your critical CSS each time you update your site? Let us do the heavy lifting for you with automated critical CSS – each time you update your site we will automatically regenerate your critical CSS and update your performance scores. Upgrading also gives you dedicated email support access.

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!

We’d also like to give a special THANK YOU to the XWP team who provided help with initial research and scoping of the plugin and were engaged with our team throughout the project.

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. Turn on performance modules one by one and observe how the performance score changes

FAQ

What does Jetpack Boost do to help speed up my WordPress site?

Jetpack Boost makes small changes to the way that data is sent from your WordPress site to your users’ browser, to enable the browser to display your site faster.

Jetpack Boost includes a growing number of separate features which can be turned on individually to improve your site’s performance. These include:

  • Optimize CSS Loading: This feature determines the most important CSS that your site needs to display your site’s initial content as quickly as possible, and embeds it directly into your site header.
  • Page Cache: This feature stores your website’s pages as static HTML files, bypassing the need for dynamic generation. This means visitors receive pages faster, reducing wait times and improving overall site performance.
  • Defer Non-Essential JavaScript: This feature forces all of the JavaScript which is not deemed essential to displaying your site to load after your site’s main content has been loaded.
  • Image CDN: This feature automatically resizes images to a more appropriate size for your visitors’ screens, converts them to modern image formats, and serves them from Jetpack’s worldwide network of servers.
  • Concatenate JS: This feature reduces the size of your JavaScript resources, and automatically combines them into fewer files, allowing your site to load faster with fewer requests.
  • Concatenate CSS: As with concatenating JavaScript, this feature shrinks your CSS files and allows them to load with fewer requests.

What speed improvements can I expect when using Jetpack Boost?

Website Performance is complicated and can be affected by a number of factors. As a result, it is difficult to accurately predict how much impact it will have on each site.

Generally, the lower your speed score is to begin with, the more Jetpack Boost may impact your performance. We have seen user reports of up to 25 Speed Score points improvement simply by installing and using Jetpack Boost.

However, as performance can be impacted by so many factors, it is also possible for Jetpack Boost to have a small negative performance impact in some rare cases.

We recommend that you install Jetpack Boost, and try it for yourself. It includes a tool for measuring your Speed Score, to check what impact it has on your site.

Can I also defer non-essential CSS with Jetpack Boost?

Jetpack Boost automatically defers non-essential CSS if its “Optimize CSS Loading” feature is enabled.

The “Optimize CSS Loading” feature identifies the most important CSS rules your site needs to display your pages as quickly as possible (commonly called “Critical CSS”), and defers all other CSS rules from loading until your main content has loaded.

¿Qué son las Web Vitals?

Web Vitals are the measurements that Google uses to better understand the user experience on a website. By improving Web Vitals scores you’re also improving the user experience on your site.

You can read more about Web Vitals on web.dev

How does Jetpack Boost plugin improve Core Web Vitals?

Each Core Web Vital relates to an aspect of how quickly your site can load and appear on new visitors’ screens.

Jetpack Boost makes small changes to the way that data is sent from your WordPress site to your users’ browsers, to enable your content to load faster. As a result, it can improve your Core Web Vitals scores.

For example, our “Optimize CSS Loading” feature ensures the most important CSS rules are sent to users’ browsers as early as possible, improving both First Contentful Paint (FCP) and Cumulative Layout Shift (CLS) scores.

¿Este plugin necesita Jetpack?

Jetpack Boost is a part of the Jetpack brand, but it doesn’t require Jetpack plugin to run. This is a separate plugin from Jetpack and it will always remain that way.

Will this plugin be able to improve performance on any website?

Este plugin incluye una variedad de mejoras de rendimiento, que pueden ayudar a que casi cualquier sitio de WordPress funcione mejor.

However, if your site is already extremely well optimized, Jetpack Boost may not have much room to improve it.

Jetpack Boost includes a tool for measuring your site’s Speed Score – we encourage users to try it out and see what impact it can have for them.

¿Cómo sé que está funcionando?

Every site is different and so performance benefits for each module may vary from site to site. That’s why we recommend that you measure the performance improvements on your site by enabling the performance modules one by one. There are many tools out there that you can use for free to measure performance improvements:

Google PageSpeed measurements are built-in the Jetpack Boost dashboard.

Is Speed Optimization with Jetpack Boost safe?

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

Jetpack Boost does not alter your site’s content, it only modifies the way the content is sent to the user’s browser to allow it to display faster.

As a result, all of Jetpack Boost’s features can safely be turned off in the event of an incompatibility with your other plugins.

How does Jetpack Boost compare with other speed optimization plugins?

Speed Optimization plugins for WordPress can be complicated and opaque for users. They often offer columns of checkboxes with little explanation, and don’t include tools to measure the impact of each change or choice users make.

Jetpack Boost aims to be as easy to use as possible, and includes a Speed Score indicator to help users immediately measure the impact of their choices.

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

Absolutely! If you have plugins like WP Super Cache or W3 Total Cache installed – Jetpack Boost is only going to help increase the performance benefits! Keep in mind that you need to wait for the cache to clear for Jetpack Boost improvements to show up.

Can Jetpack Boost make my website load faster if I have a large database?

Jetpack Boost does not include any optimizations that target large databases at this time. However, watch this space – we are always looking for new ways to help our users perform better.

Does Jetpack Boost help with image optimization?

Jetpack Boost’s Image CDN feature automatically converts your images to more modern web formats, resulting in smaller image file sizes without a loss in quality.

Is Jetpack Boost compatible with other caching and speed optimization plugins?

Con pocas 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 lineamiento, no recomendamos habilitar la misma función en varios plugins de optimización.

Por ejemplo, si dos plugins intentan diferir sus JavaScripts no esenciales, pueden terminar en conflicto entre sí y causar problemas de visualización en tu sitio.

If you run into compatibility issues, please do let us know. You can drop us a line on the Jetpack Boost Support Forums at any time.

Reseñas

/

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

Colaboradores y desarrolladores

«Jetpack Boost – Website Speed, Performance and Critical CSS» ha sido traducido a 28 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

3.5.1 – 2024-09-26

Changed

  • Support: Increased minumum required WordPress version to 6.5

See the previous changelogs here