Google is a way to create a wave of panic among both web designers and website owners. When they make changes to their search algorithm, people start robbing. It’s easy to see why. No one wants their SEO rankings to suffer.
So, when Core Network Vitalers the indicators were made public, the response was quite predictable. Because these changes are based on site performance, our attention has been drawn to the fact that download times are lightning fast.
But it is not always simple. Sites that use a content management system (CMS) such as WordPress can be particularly challenging. There are many factors in the game. Therefore, improving performance requires a complex approach.
Where to start? Check out our guide to improving your Core Web Vitals points on your WordPress website.
One of the simplest ways to increase the speed of your WordPress website is to enable caching. In many cases, a previously slow site will be significantly speeded up by this one step. This is true even relatively cheaply hosting.
By default, WordPress pages and messages must retrieve content and settings from the site’s database. This will take time. The cache, in turn, serves the content as static HTML files – reducing the need for a database call. When the broker (i.e., the database) is out of the way, faster download times follow.
Some hosting packages, specifically managed WordPress hosting, include server-based caching. This is often the best option because it requires very little from web designers and works quite well. It may need to be removed every now and then. Otherwise, it is a hands-on experience. And it can be effectively combined with an extension to increase speed.
Even if your host doesn’t provide server-level caching, you can still optimize performance with an extension. Cache extensions vary in scope, complexity, and price. But they offer concrete results in improving download time. This in turn is a positive addition for Core Web Vitals as well.
Move loading anti-rendering scripts and styles
When you test the performance of your website Google PageSpeed Insights, the topic of anti – rendering resources seems to come up a lot. These scripts and styles are not considered “critical” – they do not need to display the content at the top of the page.
These resources can prevent faster download times. They affect in particular “Maximum Content Goal (LCP)“Score in Core Web Vitals. This is the time it takes to load the main content area of the page. Reducing LCP is very important.
One way to improve the situation is to delay (or delay) the loading of various content elements (images, videos, block-level text). This ensures that only the necessary scripts and styles are loaded first, when everything else comes later.
Ball minimization, many WordPress cache / optimization plugins also include this type of functionality. However, it may take a little experimentation because moving the wrong resource can be problematic.
Be sure to test your changes and check the browser console for errors. Once you have found the right configuration, the amount of resources that prevent page rendering should be significantly reduced.
Extensive use of large hero images and complex sliders only adds to the challenge of optimizing performance. These resources may look good, but they can easily add up to a megabyte worth of data. It doesn’t give you a valid rating for Core Web Vitals – especially on mobile devices.
Fortunately, there are a couple of ways to lighten the burden. Above all, get rid of any images you find unnecessary. Deleting even one large image can have an effect.
The remaining images can be optimized. This reduces their file size and reduces their impact on download time.
How you decide to optimize your image is up to you. You can download a copy of your worst criminals and compress them with your favorite image editor and then upload them back to your website. Or you can automate the process with a utility WordPress media plugin.
For mobile users, WordPress includes the ability to provide responsive images
srcset. In fact, it will automatically do the dirty work for you in the images placed in the content. This is incredibly valuable because it prevents massive desktop-sized media from slowing down the mobile user experience. If the content is outside the main content area, you may need to do some custom work to implement this feature.
Modern image format
You may also want to look at the file formats you use. For example, Google WebP the format can often reduce the file size while maintaining image quality. Note that some new formats are not supported in older browsers (ahem, IE), so backup versions may be required. Extensions can also help here.
Lazy downloads all things
The lazy download feature only downloads items when they are in the browser view. By delaying the loading of images, iframes, and other third-party content (such as social media widgets), you can focus resources on the elements that users see first.
WordPress already implements a native, browser-based lazy upload of images. When you add an image to a page or message,
loading="lazy" the attribute is placed
<img> tag. That is, if the image contains height and width attributes.
This is great – but what about other elements like videos or iframes? These items can also print a page when loaded right from the start.
Iframes is now lazy loaded by default – so no worries. Some more complex elements may require custom code or plug-in to perform this function.
Clean up the mess
Over time, even a well-maintained WordPress site can become confused. Clogged database, unused plug-ins that are still active, swollen theme with features you don’t use – it happens. And it can also pull down Core Web Vitals.
That’s why it’s important to clean up every now and then. Your site’s database can be optimized manually or set to do so on a regular basis. Unused plug-ins can be disabled and thrown in the trash. Themes can be lightened or replaced with something better.
Investigate what is slowing down your website, find the culprits and deal with them. You may be surprised at how much impact this can have.
Improve the basic networks of your website
Core Web Vitals already complicates the difficult process of optimizing the performance of a WordPress website. Even a website that scores well on other performance metrics can still stay in this industry. This is especially evident in mobile testing.
The good news is that designers can do a lot of small things to catch up. Enabling caching creates a great foundation and gives immediate effect. It’s about reducing file sizes and loading styles and scripts in order of priority.
Taking things further also makes sense adjust your site with CSS Core Web Vitals in mind. This can help with the dreaded CLS (Cumulative Layout Shift) points and reduce swelling.
In general, things that fit performance are also good for Core Web Vital. Scores can improve pretty quickly. All you know is that it takes some trial and error to figure out some individual shortcomings.
The main goal is to ensure that only the essentials are downloaded when a user visits your website. This makes both visitors and Google quite happy.