PageSpeed & Performance

PageSpeed measures how fast your website loads for visitors. Google gives your website a score from 0 to 100 for both mobile and desktop. • 90–100: Good (green) • 50–89: Needs improvement (orange) • 0–49: Poor (red) A faster website means: • Better user experience • Higher Google rankings • More conversions and less bounce The CMS scans your website via the official Google PageSpeed Insights API and shows results directly in your dashboard.

How to run a scan: 1. Go to "PageSpeed" in the sidebar 2. First add a URL via the "Settings" button in the top right 3. Click "Scan now" 4. Wait 10–30 seconds for results The CMS automatically runs two scans: one for mobile and one for desktop. After the scan you'll see scores, Core Web Vitals, and improvement suggestions.

Core Web Vitals are three metrics Google uses to assess user experience: • LCP (Largest Contentful Paint) — How fast the largest element on the page becomes visible. Good: < 2.5 seconds. • INP (Interaction to Next Paint) — How fast the page responds to user interaction. Good: < 200 milliseconds. • CLS (Cumulative Layout Shift) — How much the page layout shifts during loading. Good: < 0.1. These metrics are directly linked to your Google ranking. The dashboard displays them with colour codes (green/orange/red) so you can see at a glance where improvement is needed.

After a scan, the dashboard shows a list of improvement opportunities. Each item contains: • A description of the issue • The estimated impact in seconds • A priority label (high/medium/low) Examples of common improvements: • Compress images or serve in modern format (WebP/AVIF) • Remove unused CSS or JavaScript • Optimise fonts • Improve server response time • Lazy-load resources

You can add competitors to compare your scores: 1. Go to "PageSpeed" → "Competitors" 2. Click "Add competitor" 3. Enter the competitor's URL 4. The CMS scans the competitor automatically You'll see a comparison chart with scores side by side. This helps you see where you're ahead and where you can improve.

The CMS stores every scan result so you can track trends: • Trend chart: see how your scores change over time • Core Web Vitals trend: track LCP, INP and CLS per month • Compare periods: see whether your website is getting faster or slower Charts show data per day (last 30 days) and per month (older data).

With Speed Budgets you set thresholds for your performance metrics: 1. Go to "PageSpeed" and click "Settings" in the top right 2. Set your minimum score (e.g. 80 for mobile) 3. Set limits for LCP, INP and CLS 4. Save If a scan falls below your budget, you'll get a warning in the dashboard. This helps you catch regressions early.

Regression alerts automatically warn you when your website gets slower: • The system compares each new scan to the rolling average • If a metric significantly worsens, you receive an alert • Alerts are visible in the dashboard and optionally via email How to set up alerts: 1. Go to "PageSpeed" and click "Settings" in the top right 2. Enable "Notify on regression" 3. Set the regression threshold (default 5 points) 4. Save