Page speed is one of the most critical factors influencing user experience, bounce rates, and even search engine rankings. In Google Analytics Universal (UA), you could easily access page timing reports. But in Google Analytics 4 (GA4), the process has changed—there’s no native page speed report.
However, that doesn’t mean you’re out of options. In this blog post, we’ll show you how to measure and track page speed in GA4 using a combination of custom events, Google Tag Manager, and third-party tools.
🧠 Why Page Speed Matters
- User Experience: Faster pages lead to higher engagement and lower bounce rates.
- SEO: Page speed is a Google ranking factor for both desktop and mobile.
- Conversions: Slow websites cause frustration and lost sales.
💡 Google recommends pages load in under 2.5 seconds.
🔍 Can You Track Page Speed in GA4 Directly?
Not by default. Unlike Universal Analytics, GA4 does not provide built-in Site Speed reports. But with a little setup, you can create custom metrics and events to track page performance.
🛠️ Method 1: Track Core Web Vitals with Google Tag Manager + GA4
You can track Largest Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS) by setting up events in Google Tag Manager (GTM).
✅ Step-by-Step Guide:
-
Enable Google Tag Manager on Your Site
-
Ensure GTM is installed on every page.
-
-
Use Web Vitals JavaScript Library
-
Add web-vitals.js to your website.
-
-
Create Custom GTM Triggers for Each Metric
-
Example:
-
Trigger: LCP occurs → Event:
lcp -
Trigger: FID occurs → Event:
fid -
Trigger: CLS occurs → Event:
cls
-
-
-
Send Events to GA4 via GTM Tags
-
Tag Type: GA4 Event
-
Event Name:
lcp,fid,cls -
Parameters: Send timing values as event parameters
-
-
View in GA4 > Events or Create a Custom Report
-
Navigate to Reports > Engagement > Events
-
Or build a custom exploration to track over time
-
🛠️ Method 2: Use PageSpeed Insights + BigQuery (Advanced)
If you have BigQuery integration with GA4:
-
Export GA4 data to BigQuery
-
Pull PageSpeed Insights data via API
-
Merge datasets to correlate speed with user behavior
This is powerful for advanced analysts who want to correlate bounce rates or conversions with slow-loading URLs.
📈 How to Visualize Page Speed in GA4
Once the events (lcp, fid, cls, etc.) are flowing into GA4, you can:
-
Use Explorations to segment by device or page path
-
Create custom dashboards in Looker Studio
-
Track page load times against conversion performance
📌 Pro Tips for Better Page Speed Tracking
-
Monitor metrics by page path, not just site-wide averages
-
Break down results by device category (mobile often performs worse)
-
Use Alerts in GTM or GA4 when thresholds are exceeded
-
Include first contentful paint (FCP) and time to interactive (TTI) if needed
⚠️ What GA4 Still Can’t Do
-
GA4 cannot measure exact time to full page load like UA’s Site Speed Report did.
-
It doesn’t break down performance by browser or location without custom setup.
-
You’ll need external tools (Lighthouse, GTMetrix, Pingdom) for deep testing.
✅ Conclusion
GA4 may not offer out-of-the-box page speed reporting, but with custom events via Google Tag Manager, you can still monitor critical performance indicators. Tracking Core Web Vitals like LCP, FID, and CLS gives you actionable insight into how users experience your site.
To truly optimize your web performance, combine GA4 data with tools like PageSpeed Insights, Search Console, and Looker Studio dashboards.