Find Slow Pages Easily and Benchmark Against the Competition

Karolina Szczur

Karolina Szczur

August 27, 2020

We created the Pages leaderboard so you can identify fast and slow areas of your Sites quickly.

See the Pages leaderboard in action.

Sites and applications can comprise of hundreds of unique pages. Each one of them will serve a different goal and should be evaluated based on their context. For example, your home page might be image and animation heavy while internal, content pages will mostly feature text, which is why you should be setting your performance budgets accordingly.

Finding performance issues across dozens and hundreds of pages is a tedious job. With Pages leaderboard, you can easily rank your pages based on devices and selected performance metrics. Finding areas that need attention is no longer a complicated task.

Similarly to Performance Budgets, we provide visual guidance to make it easy to determine whether your metrics are within desired ranges. Red and yellow colours signify poor performance and need for improvements while green indicates fast measurements.

Track metrics that matter to your organisation

The Pages leaderboard is the second place after Pulse where you can customise displayed metrics accordingly to your context and goals. You can choose to focus on Core Web Vitals (Largest Contentful Paint, Cumulative Layout Shift and Total Blocking Time), track the default Calibre set (Performance Score, First Contentful Paint and Time to Interactive) or choose any other three metrics that are relevant to you.

Customisation screen allowing you to choose performance metrics displayed on Pages leaderboard.
Calibre surfaces the most critical performance metrics to track in each category to make selection easy.

By customising metrics, you can stay aligned with your organisational KPIs and uncover potential areas for improvement by analysing a specific subset of performance, such as request or runtime metrics.

Currently, customisation settings will persist for the person who set them, so if different people on your team have varying performance objectives, they can tweak the Pages leaderboard accordingly to their needs. Calibre surfaces the most critical metrics in each area of focus to make the selection as straightforward as possible.

Benchmark against your competitors

Another way you can use the Pages leaderboard is as a comparison tool against your competitors. To do so, create a Site containing your own and competitor pages (for example, you can start with tracking home or landing pages).

By benchmarking popular food magazine Sites, we can observe that while most have poor performance even on desktop devices, one stands out with highest TTI and LCP.
By benchmarking popular food magazine Sites, we can observe that while most have poor performance even on desktop devices, one stands out with highest TTI and LCP.

In the Pages leaderboard, you will be able to see how you stack up against your opponents based on critical metrics and device profiles.

Looking at speed on a per-Page basis will help you uncover fast areas and those that need improvement. Based on your metric selection, you will be able to find previously hidden issues, such as potentially slow response times or long JavaScript tasks blocking the main thread. Being able to see the performance at a high and granular level will enable your team to prevent releasing localised regressions.

Karolina Szczur

Karolina Szczur

Karolina is a Co-founder and Product Design Lead at Calibre. With years of design experience under her belt, she’s responsible for the comprehensive user experience spanning over product, visuals and content. Find her on Mastodon or LinkedIn.

Become a site speed expert

Join thousands of subscribers keeping up-to-date with web performance news and advice.

The best performance newsletter I’ve come across. Highly recommended.

Addy Osmani

Addy Osmani

Engineering Manager at Google Chrome