Website Optimization

LCP Under 1.8s

CRO9 Research·Published July 19, 2026·8 min read
LCP Under 1.8s

To hit LCP under 1.8s and INP under 150ms on mobile, prioritize image compression, minify CSS, and leverage browser caching. This results in improved Core Web Vitals and enhanced user experience. By doing so, you can significantly boost your website's performance and search engine rankings.

Key facts
  • LCP threshold: <1.8s for optimal performance
  • INP threshold: <150ms for seamless interactions
  • CLS target: <0.05 for minimal layout shifts

What is the impact of LCP on mobile user experience?

Achieving an LCP under 1.8s is crucial for mobile users, as it directly affects their perception of a website's speed and responsiveness. According to CRO9 doctrine, ~88% of AI Overview appearances are informational-intent queries, and a fast LCP ensures that users can quickly access the information they need. By optimizing images, leveraging browser caching, and minifying CSS, you can significantly reduce your LCP and provide a better user experience. For instance, a study found that a 1-second delay in LCP can result in a 7% reduction in conversions.

How does INP affect mobile interactions?

INP under 150ms is essential for providing seamless interactions on mobile devices. When INP exceeds this threshold, users may experience frustrating delays, leading to higher bounce rates and lower engagement. To optimize INP, focus on reducing the time it takes for your website to respond to user inputs, such as clicks and scrolls. This can be achieved by optimizing JavaScript execution, reducing the number of HTTP requests, and leveraging caching mechanisms. By doing so, you can improve the overall responsiveness of your website and enhance the user experience.

What are the technical requirements for hitting LCP and INP targets?

To hit LCP under 1.8s and INP under 150ms, you need to ensure that your website meets specific technical requirements. This includes optimizing server response times, leveraging browser caching, and minifying CSS and JavaScript files. Additionally, ensuring that your website has a robust and efficient rendering pipeline is crucial for achieving optimal LCP and INP. By tracking key metrics, such as Time to First Byte (TTFB) and Cumulative Layout Shift (CLS), you can identify areas for improvement and optimize your website for better performance.

How can you measure and track LCP and INP performance?

Measuring and tracking LCP and INP performance is crucial for identifying areas for improvement and optimizing your website for better user experience. CRO9 tracks 147 behavioral metrics from a single <15KB script, providing valuable insights into user behavior and website performance. By leveraging these metrics, you can monitor your LCP and INP performance, identify bottlenecks, and make data-driven decisions to optimize your website. For instance, you can use metrics such as LCP, INP, and CLS to evaluate the effectiveness of your optimization efforts and make adjustments accordingly.

Frequently asked questions

What is the ideal LCP threshold for mobile devices?

The ideal LCP threshold for mobile devices is under 1.8s.

How can I reduce INP on my website?

You can reduce INP by optimizing JavaScript execution, reducing HTTP requests, and leveraging caching mechanisms.

What is the relationship between LCP and INP?

LCP and INP are related in that they both affect the user experience and are key metrics for evaluating website performance.

More in Website Optimization