Case Studies

Services

Free Tools

About

What We Build

Case Studies

Services

Free Tools

About

Goodspeed

In this post

1. Setting Up for a PSI Test on Your Framer Site

2. Interpreting PSI Results for Framer Sites

3. Key PSI Metrics & Recommendations Relevant to Framer

4. Running Multiple Tests & Comparing Scores

5. Prioritizing PSI Recommendations for Framer

Google PageSpeed Insights for Framer Sites (2026)

Harish Malhi

Founder of Goodspeed

You cannot fix what you cannot see. Before you speed up a Framer site, you need to know exactly what is dragging it down, and Google PageSpeed Insights gives you that picture: speed scores, Core Web Vitals, and clear recommendations.

A slow Framer site loses rankings and signups. Goodspeed engineers performance in from the first decision, the way we did for Wisk, whose cinematic site holds up under real traffic. We are a Framer Enterprise Expert with 50+ Framer sites shipped. See our work on the Framer developers page or book a free consultation.

The catch is that standard PSI advice does not account for Framer specifics like animations, layered interactions, and high-resolution media.

This guide shows you how to run the tests, read the results, and apply fixes that actually work on a Framer site, no technical background needed.

Prefer it handled for you? See our Framer Speed Optimization service.

If you would rather have experts handle performance, Goodspeed builds and tunes fast Framer sites for a living. Book a free consultation, or read on for the full picture.

1. Setting Up for a PSI Test on Your Framer Site

Before diving into performance improvements, you need accurate test results. Many site owners make the mistake of running PSI on preview links or unpublished pages, leading to misleading scores. Here’s how to correctly set up your Framer speed test for reliable results.

1.1 Publishing Your Framer Site

PSI analyzes live URLs, so your Framer project must be fully published to get accurate results. If you only have a preview link, your test scores may fluctuate due to temporary hosting environments.

For best accuracy:

Publish your Framer site on a custom domain.
If still in development, use a Framer subdomain rather than a preview link.
Run tests from both desktop and mobile views, as mobile loading speeds tend to be slower.

If you’re still optimizing your design, check out Optimizing Your Framer Template for Speed and Performance for practical techniques.

1.2 Accessing Google PageSpeed Insights

To begin your test:

Go to PageSpeed Insights.
Enter your Framer site’s URL in the search bar.
Choose between desktop or mobile analysis-mobile results tend to highlight speed issues more prominently.

Most high-ranking websites load in 1.65 seconds or less, setting a benchmark for Google PSI for Framer websites. If your Framer page falls short, it’s a sign that optimisations are needed.

2. Interpreting PSI Results for Framer Sites

PSI provides a score between 0 and 100, but the real value lies in understanding Core Web Vitals. These key performance indicators measure how users actually experience your website.

2.1 The Performance Score & What It Means

Your Framer website performance score is an aggregate of multiple factors, including load time, interactivity, and visual stability. Here’s a general breakdown:

90-100 (Good): Your site is well-optimized.
50-89 (Needs Improvement): Some elements slow down performance.
0-49 (Poor): Critical speed issues need attention.

Framer sites often include high-resolution hero images and complex animations, which can lower PSI scores. However, with the right Framer PSI optimization strategies, it’s possible to achieve an A+ Lighthouse rating, just as Formula Bot did when it improved load speeds by 75% after migration.

2.2 Core Web Vitals Breakdown

Largest Contentful Paint (LCP): Measures how long it takes for the largest element on the page (often a hero image) to load. Ideally, LCP should be under 2.5 seconds.

First Input Delay (FID): Evaluates how quickly your site responds to user interactions. If you’re using Framer’s interactive components, ensure they load without delays.

Cumulative Layout Shift (CLS): Tracks how much elements shift unexpectedly as your site loads. Poor CLS scores often come from unoptimised Framer animations or images without defined dimensions. Learn more in our Core Web Vitals optimization guide for Framer.

Only 12% of mobile sites currently pass all three Core Web Vitals thresholds, highlighting how performance optimization is a competitive advantage.

2.3 Field Data vs. Lab Data

PSI reports two types of data:

Field Data: Real-world data collected from actual visitors.
Lab Data: Simulated tests run in a controlled environment.

If you’ve recently launched your Framer site, field data may not yet be available. In that case, rely on lab data to diagnose performance issues.

3. Key PSI Metrics & Recommendations Relevant to Framer

Google PageSpeed Insights provides a list of recommended improvements, but not all apply directly to Framer sites. Below are the most relevant PSI suggestions and how to implement them effectively within Framer.

3.1 Optimizing Images

Images are often the biggest contributors to slow load times, especially for visually rich Framer sites. PSI frequently flags issues like “Properly size images” and “Serve images in next-gen formats.”

How to optimize images in Framer:

Use WebP format whenever possible-it reduces file size by up to 30% compared to PNG or JPG without compromising quality.
Compress images before uploading using tools like TinyPNG or Squoosh.
Limit the use of large hero images unless absolutely necessary.

Implementing lazy loading in Framer can also reduce LCP times by deferring non-critical images and videos.

Poor image handling can lead to slow Largest Contentful Paint (LCP) times, a key metric in Google PSI for Framer websites. To improve Framer performance, follow the best practices outlined in How to Optimize Images and Assets on Your Framer Website for Faster Loading.

3.2 Reducing Unused JavaScript or CSS

PSI may flag “Remove unused JavaScript” or “Eliminate render-blocking resources.” This is often caused by hidden sections or interactive components in Framer that still load assets even when not in view.

Framer-specific fixes:

Audit your design and remove unused interactions or hidden elements.
Defer non-critical scripts so they load after the main content.
Minify CSS and JavaScript to reduce unnecessary code.

A great example of this approach in action is the Financial Services Site case study, where performance and SEO improved significantly by reducing unused resources.

Want to dig deeper into script clean-up, tree-shaking, and dependency reduction? Read our guide on code optimization in Framer for more best practices.

For advanced fixes like deferring non-critical JavaScript or removing render-blocking code, our Framer developers can assist with custom integrations and performance-focused scripting.

3.3 Minimizing Render-Blocking Resources

Render-blocking elements delay how quickly a page becomes usable, leading to a poor First Input Delay (FID) score.

Solutions for Framer sites:

Limit the number of third-party scripts (e.g., embedded widgets, tracking tools).
Use Framer’s native caching and preloading features.
Avoid adding too many external fonts that increase initial load times.

Did You Know? A 1-second delay in page load time can reduce conversions by 7%, making performance optimization a key factor in revenue growth.

4. Running Multiple Tests & Comparing Scores

Performance scores can fluctuate based on external factors, including server load, network conditions, and even time of day. To get a true performance benchmark, you must run multiple tests and track changes over time.

4.1 Why Variations Occur

If your PSI scores change between tests, don’t panic-it’s normal. Fluctuations occur due to:

Different testing conditions (e.g., mobile vs. desktop).
Server response times or temporary slowdowns.
Browser caching and preloaded resources.

For a more reliable Framer speed test, test at different times of day and average your results.

Not sure what’s dragging down your scores? Read our list of common mistakes that slow down Framer sites to fix hidden issues fast.

4.2 Tracking Progress Over Time

The best way to measure Framer website speed improvement is to track PSI scores before and after every major change.

How to monitor performance:

Use a simple spreadsheet to log scores over time.
Document what changes were made and how they affected speed.
Check both mobile and desktop performance separately.

For structured, repeatable testing, use our Framer performance audit guide to track progress and implement improvements over time.

5. Prioritizing PSI Recommendations for Framer

Not all PSI recommendations carry equal weight. Some improvements deliver a higher impact, while others provide only marginal benefits.

5.1 Identify “High-Impact” Suggestions

Focus first on changes that directly affect Core Web Vitals and PSI scores.

High-priority fixes for Framer sites:

Optimize large hero images for faster LCP times.
Eliminate unnecessary animations or interactions.
Defer third-party scripts that block rendering.
Remove unused JS in Framer to cut down on excess load time.

The Nations case study demonstrates this strategy in action. By implementing PSI-recommended optimisations, the site achieved near-instant page loads and higher user engagement.

5.2 Implementing Quick Wins in Framer

If you need fast improvements, start with small but effective fixes.

Easy optimisations:

Swap uncompressed images for optimized versions.
Remove animations on mobile to enhance speed.
Use simpler sections instead of multiple layered elements.

For a deeper dive, check out The Ultimate Guide to Speed Optimization for Framer Websites.

Our Framer agency helps startups and scaling teams implement these optimisations efficiently-no technical background required.

Keep Testing and Improving Your Framer Speed

Run PSI regularly and you catch speed problems early, before new images, animations, and content quietly undo your gains.

If reading the scores feels like guesswork, send us your site. We will run a free Framer speed audit, show you exactly what is slowing it down, and tell you what we would fix first. See how we have done it for other teams.

Get your free Framer speed audit.

Want a Framer site that is genuinely fast?

Speed is not a setting you switch on at the end, it is built in from the first decision. We engineer loading logic, image handling, and animation so sites stay fast under real traffic. Wisk runs cinematic, scroll driven aircraft sequences that hold up live, not just in a walkthrough, because performance was designed in from day one. Read the Wisk case study.

Goodspeed is a Framer Enterprise Expert, headquartered in the UK, with a full time team of 20 and a CEO who previously worked at Google. We hold a 5.0 rating on Clutch and were named Agency of the Year, and you work directly with senior developers from day one. Book a free consultation and we will audit your performance in one call, or see how we approach Framer speed optimization and building fast Framer sites.