Jetpack Boost

Description

Jetpack Boost provides one-click optimizations that supercharge your WordPress site’s performance and improve web vitals scores for better SEO.

Performance Modules

Optimize your site with the same techniques used on the world’s most successful websites. Each technique is packaged up as a module that you can activate and try out.

Currently the plugin has 3 performance modules available:

  1. Optimize CSS Loading generates Critical CSS for your homepage, posts and pages. This can allow your content to show up on the screen much faster, particularly for viewers using mobile devices.

    Read more about critical CSS generation at web.dev

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

    Read more about deferring javascript at web.dev

  3. Lazy Image Loading only loads the images the user can see. As the user scrolls, images are loaded just before they show up on the page. This simple optimization makes sites faster and saves bandwidth for your host and your customers.

    Read more about lazy image loading at web.dev

Easy Setup

There’s nothing to configure – the setup process is as easy as:

  1. Install the plugin
  2. Activate Jetpack Connection
  3. Turn on performance modules one by one and observe how the performance score changes

    Google PageSpeed API is used to measure the performance score of a site. It’s important to look at the PageSpeed score because Core Web Vitals are going to be used as a ranking factor in search engines.

With 💚 by Jetpack

This is just the start!

We are working hard to bring more features and improvements to Jetpack Boost. Let us know your thoughts and 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.

Screenshots

  • Manage your Jetpack Boost settings

Installation

  1. Install Jetpack Boost via the plugin directory, and activate it.
  2. Visit the “Jetpack Boost” section of your site’s WP Admin.
  3. Turn on the performance features you would like to try out on your site.

FAQ

What does the Jetpack Boost plugin do to help speed up my 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 few 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.
  • 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.
  • Lazy Image Loading: This feature delays loading images on your site until they are scrolled into view, allowing the browser to load the first content that the user will see first.

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.

What are 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.

Does this plugin require 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?

This plugin includes a range of performance improvements, which can help almost any WordPress site perform better.

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.

How do I know if it’s working?

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?

Yes, it’s safe to try Jetpack Boost on any WordPress site.

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.

Does it work with static page cache?

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 can help sites with large images perform better through lazy-loading, preventing images from loading until they are scrolled into view.

However, it currently does not have any Image Format Optimization features. We are always looking for ways to improve the plugin, so watch this space for more features in the near future.

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

With few exceptions, Jetpack Boost has no problems running alongside most caching and speed optimization plugins. As a guideline, we don’t recommend enabling the same feature in multiple optimization plugins.

For example, if two plugins attempt to defer your non-essential JavaScripts, then they may end up conflicting with each other and cause display problems on your site.

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.

Reviews

ستمبر 13, 2021
El plugin Jetpack Boost redujo la velocidad de mi página en Google PageSpeed: Antes de instalar el plugin las medidas eran: Móvil: 58 Ordenador: 95 Después de instalar el plugin las medidas fueron: Móvil: 56 Ordenador: 81 En otras palabras, no es útil
اگست 20, 2021
I have this plugin AMPForWP for AMP but I figured out that when I installed Jetpack Boost, I got errors with my AMPs. I think Jetpack Boost is not compatible with AMPForWP
اگست 19, 2021
I find the Jetpack Boost plugin potentially very useful, including the good "Critical CSS" automatic controls. Thank you for the usefulness of this plugin.
ستمبر 15, 2021
UPDATED - Thanks @thinkalon for your help. I can now recommend Jetpack Boost as a free critical CSS generator that can be combined with free caching and optimisation plugins - Rivaling premium systems like WP-Rocket, Autoptimize and Nitro. I already apply a high level of optimisations to my websites. But I observed the following on a simple WP site with a page builder theme. Critical CSS generator actually works BUT.... What this did was remove the renderblocking warning in Lighthouse. It also improves the FCP score to a <1s on desktop and mobiles. The LCP score did not improve for my web system but this is because an image is normally served above the fold on both desktop and mobiles which Google Web Vitals dislikes. The field data shows a clear pass for LCP so not an issue I am concerned about anymore. Extra Critical CSS and preloads added via functions.php The FCP occured so early that it created a CLS shift. I always manually add preloads for fonts. I had to set the priority to -1 so they load before Jetpack Boosts Critical CSS. To prevent a CLS shift - This included @font-face with fonts set to fallback so there is no visible fontswap. I also set font sizes and a few other critical CSS items before Jetpack Boost just to make sure they appeared as soon as possible. Defer JS Other scripts already deferred by standard setup. This didnt really do anything so not needed with my setup. Scripts already moved to footer by other plugin. Lazy Load Opted to use the Lazy Load Module in EWWW WebP Plugin instead for compatibility. Any lazy load or JS method of serving WebP will reduce the TBT score as it loads an additional script. But the overal score improved as a result. This plugin as been the icing on the cake for an already well-optimised system.
Read all 14 reviews

Contributors & Developers

“Jetpack Boost” has been translated into 11 locales. Thank you to the translators for their contributions.

Translate “Jetpack Boost” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.2.0 – 2021-08-12

Added

  • Critical CSS: Added a new Advanced Critical CSS recommendations page.

Changed

  • Critical CSS: Updated error reporting for Critical CSS to offer more users more guidance.
  • Tooling: Moved all development to the Jetpack monorepo.
  • Boost is now compatible with WordPress 5.8.

Fixed

  • Tooling: Fix PHP unit testing dependency on later versions of PHP.

– Critical CSS: Ensure generator library uses cache-busting to load the latest version after updates.

See the previous changelogs here