Certified Adobe Commerce Front End Developer & Architect
Front End Performance – Why?
Since 2018, Google has used Speed as a ranking factor.
Since 2021, Google has used Core Web Vitals as a ranking factor.
Performance is a major factor in the quality of a site’s user experience (UX).
Performance is a major factor in the conversion rate of an eCommerce site.
Performance affects the overall revenue of an eCommerce site.
Front End Performance – Core Web Vitals
Largest Contentful Paint (LCP): Measures loading performance.
To provide a good user experience, LCP should occur within 2.5 seconds of when the page first starts loading.
First Input Delay (FID): Measures interactivity.
To provide a good user experience, pages should have a FID of less than 100 milliseconds.
Cumulative Layout Shift (CLS): Measures visual stability.
To provide a good user experience, page should maintain a CLS of less than 0.1.
Front End Performance Impacts
A 0-4 second load time is best for conversion rates, and the first five seconds of page-load time have the highest impact on conversion rates. With each additional second of load time, website conversion rates drop by an average of 4.42%.
Websites that met the thresholds for all three Core Web Vitals saw up to 24% less abandonment rate.
By specifically focusing on optimizing Web Vitals, a multinational telecommunications company found that a 31% improvement in LCP led to 8% more sales, a 15% improvement in their lead to visit rate, and a 11% improvement in their cart to visit rate.