Usercentrics - PUBLIC

How can I improve the Lighthouse results for the Largest Contentful Paint (LCP)?

Owned by Stefanie Winkelmann (Unlicensed), created
Last updated: Aug 05, 2021
2 min read

 

This section describes the LCP metrics used in the Lighthouse report and how to improve it.

This section describes the LCP metrics used in the Lighthouse report and how to improve it.

What is the Largest Contentful Paint?

The Largest Contentful Paint (LCP) is one of the factors that will be used to classify a website’s performance. Further information on LCP can be found here.

LCP Reference times

  • Good: Less than 2.5 Seconds

  • Needs Improvement: between 2.5 and 4 seconds

  • Poor: Longer than 4 seconds

Improving the LCP results

You’ll want to make sure that the Usercentrics CMP isn’t the LCP for your website.

Customers using TCF within the Enterprise plan

Please get in touch with your Customer Success Manager to discuss a change of your banner message to improve your LCP results. The team will assist in breaking up your banner message into separate paragraphs, resulting in the Usercentrics CMP no longer being the LCP of the website.

Customers not using TCF

Please adjust your banner message in your Admin Interface. If you split it up into different paragraphs, this will result in the Usercentrics CMP no longer being considered the LCP of the website.

Further steps that you can take

  • Each additional script on your website will affect the performance. Please check whether you can remove any unwanted scripts. This may even result in a more lightweight CMP if you remove data processing services that are no longer needed.

  • Check your web hosting. The speed of your web servers affect the loading time of your website. Does your current hosting package meet your needs or is it time for an upgrade?

  • Set up lazy loading. By doing so, you’ll identify resources as non-blocking (non-critical) and load these only when needed. Instead of loading and rendering your whole website in one go, you’ll only provide the objects required by your visitor right now, while delaying the rest.

  • Minify your CSS. Minifying CSS means that extra spaces and comments which aren’t needed for the execution of your CSS will be removed. While CSS files generally are pretty small, minifying the file itself will most likely not have a huge effect. Nevertheless, please consider whether you need to load a lot of different CSS files as each will affect your website’s performance. Instead, combine them in as few files as possible.

Summary

Adjusting your banner message can improve your LCP results. If possible, check further steps to further speed up your loading time.

There are no related labels.

 

Usercentrics - PUBLIC