fix - Optimise LCP score in the homepage

andreituicu commented 11 months ago

The default logic for awaiting the LCP image doesn't work well for blogs home page, as it is waiting for the first image present in the dom to load, which in that case, is in the sidebar. For the best LCP load time, we need to skip that waiting, quickly load the first card teaser and then wait for that image to load.

Before: LCP 1.7 - 2.2. LHS Score 99 - 100. After: LCP 1.4 - 1.7. LHS Score 100.

Test URLs:

aem-code-sync[bot] commented 11 months ago

Hello, I'm the AEM Code Sync Bot and I will run some test suites that validate the page speed. In case there are problems, just click the checkbox below to rerun the respective action.