1. Jetpack Boost
  2. Features of the Jetpack Boost plugin
  3. Local critical CSS
  4. Move non-essential JavaScript
  5. Lazy Image Loading
  6. user friendliness
  7. Quote

Automattic pre-released a plugin designed to handle the hard work of getting better Core Web Vitals results. The plugin is currently in the testing phase and is not intended for use in live production facilities.

The Jetpack Boost plugin is available in the official WordPress.org plugin repository, currently version 0.9.19. A full version 1.0 may be available in the next week or so.

Jetpack Boost will continue to be free, including new features that may be added in the future. There may also be additional premium features that automate certain functions. However, the goal of the plugin is to be useful, whether it's the free or premium version.

advertising

Read on below

Jetpack Boost

According to Automattic, the plugin is not intended for a live production facility. It is currently available for download as pre-release software for test purposes on a test page. It is alpha stage software for testing purposes.

The goal of Jetpack Boost is to provide a simple solution that WordPress websites can use to improve user experience metrics related to speed and core web vital signs.

Some WordPress speed metrics improvement plugins require some technical knowledge to reach their full potential.

However, Jetpack Boost is a simple one-click solution to speed up a website. While the current alpha release will speed up three areas, there may be more features added to Boost, especially as developers get more feedback.

advertising

Read on below

Screenshot of the Jetpack Boost dashboard

Screenshot of the Jetpack Boost dashboard

Features of the Jetpack Boost plugin

The new speed optimization plugin on the Jetpack website has three main functions that may be expanded to include additional functions.

  1. Local critical CSS
  2. Move non-essential JavaScript
  3. Lazy Image Loading

1. Local critical CSS

CSS (Cascading Style Sheets) is code (instructions) that tells the browser how a website should be designed. CSS manages how wide a web page is, what colors are used for fonts, determines the size of images, and essentially everything that has to do with what a web page should look like.

CSS is also a rendering blocking resource. This means that a web page cannot be displayed (rendered by the browser) until the CSS has been completely downloaded and made available to the browser.

Critical CSS is a technique of creating the perception of a fast-loading webpage by extracting CSS, which is important to displaying content above the crease (what users see first without scrolling), and pasting it (which means that the CSS is placed within the website code itself as opposed to being in a separate file).

The Local Critical CSS module also uses the asynchronous attribute so that the CSS file itself does not block the webpage from being rendered by the browser.

By eliminating resources to block rendering, a webpage can do better on various Google Page Experience metrics.

advertising

Read on below

Eliminating resources to block renderings is an important way to improve the user experience and get better Core Web Vitals results.

2. Move non-essential JavaScript

In this case, deferment is a reference to a JavaScript attribute.

In HTML, an element is like a basic building block of a web page, like the JavaScript element, the paragraph element (which denotes a section of text), or the link element.

An attribute changes an HTML element. With the link element (a component of a website), the link attribute "nofollow" changes the behavior of a link, for example, by instructing search engines not to follow the link.

There is a defer element for the JavaScript element. The defer element instructs the browser to continue creating the website and download the JavaScript at the same time, but not to execute (execute) the JavaScript until the website has been downloaded and otherwise rendered.

advertising

Read on below

The deferred attribute is useful for JavaScript that refers to webpage elements that are not critical, such as: B. a video that is on the website (below the fold).

Jetpack Boost moves non-critical JavaScript.

This is how the official website of the Jetpack Boost plugin describes it:

"Moving non-essential Javascript postpones some tasks after the page loads, so important visual information is displayed earlier."

Connected: JavaScript SEO: Best Practices and Debugging Tools

3. Lazy Image Loading

Delayed loading allows a webpage to be downloaded without having to download every single image on the webpage. Images are downloaded that are viewed on a browser screen and on which the website visitor can see them.

advertising

Read on below

Connected: How to Perform an In-Depth Technical SEO Audit

user friendliness

Jetpack Boost is extremely easy to use. All you have to do is install the plugin and turn on the required modules.

Warning: As mentioned earlier, this is an alpha version of the plugin, a preview intended for testing purposes on a website that is not available on the web.

Publishers with a lot of custom JavaScript may need to verify that the Move JavaScript module isn't corrupting their JavaScript.

However, Jetpack Boost will soon release version 1.0 within a few weeks or sooner.

The plug-in can be expanded to include additional functions in the future. So far, Jetpack Boost looks like a promising plugin for optimizing a website for speed.

advertising

Read on below

It's currently in a pre-release trial, but the full version for live sites will be available soon.

Quote

WordPress.org plugin page for Jetpack Boost from Automattic, XWP

LEAVE A REPLY

Please enter your comment!
Please enter your name here