How to Improve Your Squarespace Core Web Vitals Score: The Image Edition
Core Web Vitals and what they actually measure
Google's Core Web Vitals are three performance metrics that directly affect your search rankings. On Squarespace sites, images are responsible for failing two of the three. Understanding what each metric measures helps you know exactly what to fix.
Largest Contentful Paint (LCP)
LCP measures how long it takes for the largest visible element on the page to load. The threshold for a "good" score is under 2.5 seconds. On almost every Squarespace site, the LCP element is an image, typically the hero image at the top of the page.
If your hero image is 3 MB, your LCP is almost certainly failing. Compress that image to 250 KB and your LCP will improve dramatically. In most cases, fixing the hero image alone is enough to push LCP into the passing range.
Cumulative Layout Shift (CLS)
CLS measures visual stability - how much the page jumps around as elements load. The threshold is below 0.1. Images without defined dimensions can cause layout shift when they load because the browser does not know how much space to reserve for them before the image arrives.
On Squarespace, this is mostly handled by the platform. But very large images that take a long time to load can contribute to CLS if other elements render before the image finishes downloading. Smaller images load faster and reduce the window for this to happen.
Interaction to Next Paint (INP)
INP measures how quickly the page responds to user interactions. Images affect this indirectly. When the browser is occupied downloading large image files, it has less capacity to respond to user inputs. Lighter pages with smaller images are more responsive.
Why Squarespace sites struggle with Core Web Vitals
Squarespace includes some platform code that Google's PageSpeed tools flag as a problem. This is largely unavoidable and does not affect your actual ranking as much as the tool suggests. What does affect your ranking is your image sizes.
The practical checklist for improving Core Web Vitals on Squarespace:
- Compress every image to 250 KB or below
- Make sure your hero image is the smallest it can be while still looking good
- Avoid using very large images in gallery blocks or portfolio sections
How to fix it across your entire site at once
The most effective thing you can do for Squarespace Core Web Vitals is bulk-compress every image on your site. SquareOptimizer is a browser extension that scans your entire site and compresses all images in one session, directly in your editor. No downloading, no re-uploading.
After optimizing, run your URL through Google PageSpeed Insights and check the Field Data section. Core Web Vitals that were failing often pass after image compression alone.
Optimize your Squarespace images and improve your Core Web Vitals. Scan your entire site free.
