View Source

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