Lcp Chrome Extension

screenshot of Lcp Chrome Extension

Chrome Extension that shows a pages Largest Contentful Paint (LCP) measure on it's icon

Overview:

The Large Contentful Paint (LCP) Chrome Extension is a tool that tracks the LCP metric for pages visited while browsing the web. LCP is an important metric for measuring the loading performance of webpages. The extension provides real-time feedback on LCP scores by changing the color of its icon and displaying the number of seconds it takes for the LCP. It also offers a scoreboard popup that lists the pages with their respective scores, allowing users to view their LCP history.

Features:

  • Real-time LCP Tracking: The extension receives LCP events from the PerformanceObserver and updates its icon by changing color based on the LCP score (green for good, yellow for adequate, and red for poor).
  • Scoreboard Popup: Users can click on the icon badge to access a scoreboard popup that shows the pages with their LCP scores, ordered from fastest to slowest. It also provides an option to clear the LCP history.
  • LCP History: The extension stores the LCP scores in local storage, allowing users to view their previous scores even when revisiting a page.

Summary:

The LCP Chrome Extension provides a convenient way to track and monitor the LCP scores of webpages while browsing the internet. With real-time feedback and a scoreboard popup, users can easily identify and keep track of pages with good and poor LCP performance. The extension also stores LCP history for future reference. However, it is important to note that the extension is still in alpha and not yet available in the Chrome Web Store.