Home
Academy
Free Tools
Document

Course

Course

Performance Dashboard

Overview

The Performance Dashboard provides a granular analysis of your website's user experience (UX) and technical quality. Unlike the standard Site Audit (which finds broken links), this tool uses Google's Lighthouse technology to simulate how a real user experiences your page speed and accessibility.

HotspotSEO


Access this view by clicking "Performance Dashboard" in the top navigation. The grid displays a row for each project with the following metrics:

1. Performance

  • What it measures: Loading speed and interactivity (Core Web Vitals like LCP, CLS, FID).

  • Goal: A high score (90+) ensures your site loads instantly for users.

2. Accessibility

  • What it measures: How well users with disabilities can navigate your site (e.g., screen reader compatibility, color contrast).

  • Goal: Essential for compliance and reaching a wider audience.

3. Best Practices

  • What it measures: Adherence to modern web standards (e.g., using HTTPS, correct image aspect ratios, avoiding deprecated APIs).

  • Goal: Ensures long-term stability and security.

4. SEO

  • What it measures: Technical Search Engine Optimization checks (e.g., presence of meta tags, valid robots.txt, mobile-friendliness).

  • Goal: Ensures search engines can read and index your page correctly.


Performance Dashboard & Core Web Vitals

Key Note: The matrices (scores) displayed in this dashboard are tracked and updated via the Reports created for the project. Generating a new report will refresh these numbers.

How to Access

  1. Navigate to the Performance Dashboard from the top menu.

  2. Find the project you wish to analyze.

  3. Click the "Create Info" button to trigger a live scan.

  4. Once the scan is complete, click the project name to enter the detailed report view.

HotspotSEO

The Four Pillars of Quality

The dashboard grades your website on four distinct categories, each scored from 0 to 100.

Category

What it Measures

Target Score

Performance

How fast the page loads and becomes interactive.

90-100 (Green)

Accessibility

How usable the site is for people with disabilities (screen readers, color blindness).

90-100 (Green)

Best Practices

Security health and modern web standards (e.g., HTTPS, correct image aspect ratios).

90-100 (Green)

SEO

Technical optimization for search engine indexing (Meta tags, font sizes, tap targets).

90-100 (Green)

Deep Dive: Performance Metrics

When you click on the Performance circle, you will see a detailed breakdown of the "Core Web Vitals" and other speed metrics. These are the specific technical factors that determine your score.

Key Metrics Explained

  • First Contentful Paint (FCP):

    • Definition: The time it takes for the first text or image to appear on the screen.

    • Goal: Under 1.8 seconds.

    • Why it matters: Reassures the user that the site is actually loading.

  • Largest Contentful Paint (LCP):

    • Definition: The time it takes for the main content (hero image or main heading) to fully load.

    • Goal: Under 2.5 seconds.

    • Why it matters: This is a major Google ranking factor. If this is red, your SEO will suffer.

  • Total Blocking Time (TBT):

    • Definition: The time the page is "frozen" while loading scripts, preventing the user from clicking anything.

    • Goal: Under 200 milliseconds.

  • Cumulative Layout Shift (CLS):

    • Definition: Measures visual stability. Does the text jump around while images load?

    • Goal: Less than 0.1.

    • Why it matters: High CLS frustrates users (e.g., trying to click a button that suddenly moves).

hotspotseo


hotspotseo

hotspotseo