How Duda Scores on Core Web Vitals (With Competitor Comparison)

May 28, 2021
0 minute read

Over the past few years, Google has used the unparalleled influence of its search algorithm to move the web in a more user-friendly direction. This is the reason metrics like mobile-friendliness and pagespeed are now included as ranking factors. In June, the search giant is poised to once again put its metaphorical shoulder to the wheel and push for better usability on all websites with its Core Web Vitals initiative.


Duda has been preparing for Core Web Vitals for months, working behind the scenes to ensure the sites built on our platform are ready — and you don’t have to do a thing. 


Today, we’re very happy to report that, on average, more Duda sites receive “Good” scores for two of these key metrics — Largest Contentful Paint and First Input Delay — than other industry competitors based on data provided by the Google Chrome User Experience (CrUX) Report. Duda sites also showed strong results for the other Core Web Vital — Cumulative Layout Shift — with further improvement expected in the coming months.

This post was originally published in May 2021, and updated in June 2021.

Want to build websites that are optimized for Core Web Vitals in half the time? Start a 14-day free trial of Duda!

What Are Core Web Vitals?

Core Web Vitals are new metrics from Google that are used to evaluate the performance of a web page. There are three Core Web Vitals that measure page load speed, page responsiveness, and visual stability. 


On live websites, Core Web Vitals are measured over a 28-day period, based on actual site visits. Google Lighthouse lab data and other tools can be used to estimate Core Web Vitals performance, but the release of Core Web Vitals marks the first time Google will use real-world data to evaluate page experience in this way. 


Google will officially add Core Web Vitals as a search engine ranking factor in mid-June 2021.


The three metrics that currently comprise Core Web Vitals are: 

  • LCP: Largest Contentful Paint (LCP) is a metric that measures how long it takes for the largest image or text block visible within the viewport to display, relative to when the page first started loading.
  • FID: First Input Delay (FID) is a metric that helps measure a visitor’s first impression of a site's interactivity and responsiveness. For example, it measures the time from when a user first interacts with a page (i.e., clicks on a link or taps on a button) to the time when the browser begins responding to that interaction.
  • CLS: Cumulative Layout Shift (CLS) is a metric that quantifies how often users experience unexpected shifts in site layout. These shifts are annoying and can harm the user experience. For example, if a user goes to click on a button and the position of that button moves because the layout moves, visitors will end up clicking on nothing.

1000s of web professionals use Duda to build amazing websites every day for their clients. Start 14-day your free trial now!

Why Do Core Web Vitals Matter?

Core Web Vitals will be added as a ranking factor in Google’s search algorithm in June 2021. It is expected that these scores will have a noticeable impact on the search rankings of websites around the world as the algorithm update is rolled out. 


Web professionals that serve small businesses are particularly concerned with this Google update. “Roughly 92 percent of web pros feel these updates will eventually have a moderate to significant impact on their websites’ search rankings,” according to a recent study by Duda. In the same study, more than half of respondents indicated “the majority of their websites were not yet ready for any Google algorithm change that emphasized the importance of Core Web Vitals.”


Digital agencies, SaaS companies and other web professionals that prepare their websites now set themselves up to weather the rollout well and, potentially, improve search rankings. Those that fail to properly prepare risk seeing their sites drop in rankings, which will almost certainly lead to a decrease in site engagement, online conversions and monetizable transactions. 

Core Web Vitals infographic comparing major Content Management Systems (CMS). Duda score the best of the major CMS systems on LCP and FID and is improving CLS.

How Duda Sites Stack Up Against Competitors

The majority of Duda websites consistently receive “Good” scores for all three Core Web Vitals. Additionally, a higher percentage of Duda websites receive “Good” scores for the two speed metrics — LCP and FID — than other industry competitors.

Largest Contentful Paint

Duda leads the pack in the percentage of sites built on its platform that receive “Good” LCP scores. According to the Google CrUX report, 72.90% of Duda websites receive a "Good” LCP score, solidly beating out Weebly, Wix and WordPress. 

First Input Delay

More than 92% of Duda websites receive a “Good” FID score. This is higher than any other industry competitor.

Cumulative Layout Shift

As of today, 73.17% of Duda websites receive a “Good” score for Cumulative Layout Shift, up from 68.72% last month. Our team is dedicated to improving the scores of the sites built on our platform, and we expect to push that percentage even higher in the near future.

Duda is used by all kinds of best-in-class companies to provide modern, integrated websites to customers. Start your 14-day free trial today!

How Duda Prepared Websites for Core Web Vitals

To ensure sites built on our platform are ready for Google’s new metrics, Duda set up a dedicated team to continuously evaluate and improve the infrastructure that drives “Good” Core Web Vitals scores. 


Below are brief summaries of the steps we have taken.

Optimizations for LCP


Render-blocking CSS and JavaScript


  • Issue: Render-blocking CSS and JavaScript. It used to be that when a visitor landed on a Duda website, all of the site’s assets were downloaded in the <head> section. This is a blocking operation which halts the rendering process until all resources have been loaded — a potentially significant impediment to a good LCP score.
  • Solution: Implement critical CSS. Duda automatically calculates the necessary CSS to render above-the-fold content. This CSS chunk is inlined in the head section and doesn't require any network calls. All other scripts and styles are moved down to the body end. This completely removes all render-blocking requests and provides a dramatic improvement to LCP.

Image Size Optimization


  • Issue: Image sizes that are not optimized. Image files that are not properly optimized for the device they are being viewed on (e.g., mobile) will take a lot longer to load than they should and result in a poor LCP score.
  • Solution: Resize and compress images. All images loaded to Duda go through an automatic, behind-the-scenes image resizing process using imagemagick. The proper image size is then served to the proper device type and container size. We also use lossy compression to reduce image file sizes. Lossy compression eliminates redundant data and can enable file size reduction by up to 80%. This optimization also applies to images that are included in custom widgets.

Bulk Image Loading vs. Lazy Loading

  • Issue: Loading all images at once. Historically, all images (except in photo galleries) and widgets on Duda web pages were fully loaded when a visitor landed on a page. This meant that if a website had a lot of images or widgets, it could take a few extra moments to load — obviously, a problem for LCP. 
  • Solution: Lazy load images and widgets. Now all images and widgets at the top of a site (above the fold) are marked as “important.” All remaining images (marked as “unimportant”) are set to load after the page finishes loading or as they come into view while scrolling.

Image File Type Optimization


  • Issue: Image file types are larger than required. JPG and PNG files are used across every type of browser, which makes them universally applicable. However, there are now more compressed file types that deliver images more efficiently.
  • Solution: Serve WebP images when possible. Duda now converts uploaded images to the WebP format. WebP has about a 35% reduction in size as compared to JPGs, and has long been supported by Chrome with other browsers adding support all the time. We also ensure there are fallbacks in place for browsers that don’t support WebP yet.

CSS Loading Priorities


  • Issue: CSS loading priorities. Browsers have to make many decisions about what type of content and resources to load and when. Duda automatically generates all of the required styles needed to load above-the-fold content, so we already know which resources do not need to load first.
  • Solution: CSS loading priorities hints. Duda gives browsers hints about which resources they should prioritize when downloading page content. This helps browsers focus on the required content and resources for faster page loading. 

Background Image Slider Optimization


  • Issue: Background slider image loading. Background image sliders can be big and heavy to load, especially when there are multiple images that take up the same space on a web page. Previously, Duda loaded all background images of a background image slider at the same time. 
  • Solution: Optimize background image slider loading. Duda prioritizes loading the first image in the Image Slider, and then lazy-loads the other images, improving how quickly the first image loads.

Optimizations for CLS


Image Layout Shifting


  • Issue: Image layout shifting. Image loading is the biggest cause of layout shifting on the web, because browsers have no way of knowing the dimensions/size of an image before it's fully downloaded. So, once an image is actually downloaded, browsers load and shift all content around it.
  • Solution: Add image width & height. Duda automatically identifies the width and height of an image (even inside custom images), and sets these attributes on the image HTML tag, which allows browsers to reserve the right amount of space while the image downloads. It’s important to note that setting height and width does not make an image non-responsive. Instead, browsers use the image’s width/height attributes for calculating its aspect ratio so images automatically take up the correct space.

Loading Above-the-fold Fonts


  • Issue: Loading above-the-fold fonts. Nearly every website today includes some form of custom fonts, usually from Google’s huge Font Library. Fonts are often big and heavy, and browsers usually first load a system font, such Arial, Georgia, Sans, etc. Once the custom font is done loading, the browser adds the custom font, something which causes the font to jump on the website, and has a negative impact on the visitor’s experience.
  • Solution: Embed fonts. Duda automatically detects which custom fonts are used in above-the-fold content on each page, downloads that font, and embeds it directly into the HTML of the page (up to a max size of 50kb). This means browsers don’t need to go and fetch the custom font and can display it immediately.

Cookie Notification Placement


  • Issue: Cookie notification placement. In the past, cookie notifications were displayed above the header with an animation, pushing all the content down. This resulted in CLS.
  • Solution: Place cookie notifications at the bottom of pages. We changed our cookie notification to be positioned at the bottom of the viewport and be displayed as an overlay. It uses CSS animations which are not considered as layout shifts.

Photo Gallery Layout Shifting


  • Issue: Photo gallery layout shifting. Photo galleries with lots of images can vary in height due to the lazy loading. Many galleries change their height while scrolling as the default behavior. Also, photo gallery widgets load dynamically based on their settings. 
  • Solution: Set min-height. Duda sets the min-height CSS property of the photo gallery to reserve space on the page for loading the photo gallery. This prevents content below the gallery from being pushed down as the images load, something which would cause the layout to shift.

Optimizations for Both LCP & CLS

Widgets with Images


  • Issue: Widget image sizing. Many widgets, especially those built using the Widget Builder, feature images. Previously, these images were not sized to the correct screen size and did not automatically have width/height dimensions added to them. 
  • Solution: Optimize images in widgets. The image width/height improvements described above are now implemented for images within widgets too.

How This Data Was Retrieved

The above data was pulled from the Google Chrome User Experience Report and most recently updated with the data from the May 2021 CrUX report.  According to Google, “The Chrome User Experience Report is powered by real user measurement of key user experience metrics across the public web, aggregated from users who have opted-in to syncing their browsing history, have not set up a Sync passphrase, and have usage statistic reporting enabled.” This report is regularly updated by Google.

Google goes on to say, "Metrics provided by the public Chrome User Experience Report hosted on Google BigQuery are powered by standard web platform APIs exposed by modern browsers and aggregated to origin-resolution. Site owners that want more detailed (URL level resolution) analysis and insight into their site performance and can use the same APIs to gather detailed real user measurement (RUM) data for their own origins."


To determine the CMS/website builder of origin for each website, Duda cross referenced data from the CrUX report with the HTTP Archive. According to its website, “The HTTP Archive provides a record of how digitized content is constructed and served. It is a permanent repository of web performance information such as size of pages, failed requests, and technologies utilized. This performance information allows us to see trends in how the Web is built and provides a common data set from which to conduct web performance research.”

Conclusion

The addition of Core Web Vitals to its algorithm is likely to be one of the most impactful Google search updates the industry has seen over the past few years. We can also expect the company to continue pushing web developers and designers to improve user experiences on web pages as time goes on. Now is the time to address these vitally important SEO imperatives on the websites you manage. The last thing you want is to wake up the day after the update and realize all of your customers’ websites have lost ground in search engine results pages. 


However, if you’re building sites with Duda, there’s no reason to worry! Duda has your back and handles many of the optimization tasks necessary for “Good” Core Web Vitals scores. 


To see how easy it is to create websites that adhere to Google’s Core Web Vitals standards, start your free trial of Duda today!


Related: Learn more in the Core Web Vitals Resource Center


Did you find this article interesting?


Thanks for the feedback!
By Shawn Davis April 1, 2026
Core Web Vitals aren't new, Google introduced them in 2020 and made them a ranking factor in 2021. But the questions keep coming, because the metrics keep changing and the stakes keep rising. Reddit's SEO communities were still debating their impact as recently as January 2026, and for good reason: most agencies still don't have a clear, repeatable way to measure, diagnose, and fix them for clients. This guide cuts through the noise. Here's what Core Web Vitals actually measure, what good scores look like today, and how to improve them—without needing a dedicated performance engineer on every project. What Core Web Vitals measure Google evaluates three user experience signals to determine whether a page feels fast, stable, and responsive: Largest Contentful Paint (LCP) measures how long it takes for the biggest visible element on a page — usually a hero image or headline — to load. Google considers anything under 2.5 seconds good. Above 4 seconds is poor. Interaction to Next Paint (INP) replaced First Input Delay (FID) in March 2024. Where FID measures the delay before a user's first click is registered, INP tracks the full responsiveness of every interaction across the page session. A good INP score is under 200 milliseconds. Cumulative Layout Shift (CLS) measures visual stability — how much page elements unexpectedly move while content loads. A score below 0.1 is good. Higher scores signal that images, ads, or embeds are pushing content around after load, which frustrates users and tanks conversions. These three metrics are a subset of Google's broader Page Experience signals, which also include HTTPS, safe browsing, and mobile usability. Core Web Vitals are the ones you can most directly control and improve. Why your clients' scores may still be poor Core Web Vitals scores vary dramatically by platform, hosting, and how a site was built. Some of the most common culprits agencies encounter: Heavy above-the-fold content . A homepage with an autoplay video, a full-width image slider, and a chat widget loading simultaneously will fail LCP every time. The browser has to resolve all of those resources before it can paint the largest element. Unstable image dimensions . When an image loads without defined width and height attributes, the browser doesn't reserve space for it. It renders the surrounding text, then jumps it down when the image appears. That jump is CLS. Third-party scripts blocking the main thread . Analytics pixels, ad tags, and live chat tools run on the browser's main thread. When they stack up, every click and tap has to wait in line — driving INP scores up. A single slow third-party script can push an otherwise clean site into "needs improvement" territory. Too many web fonts . Each font family and weight is a separate network request. A page loading four font files before rendering any text will fail LCP, especially on mobile connections. Unoptimized images . JPEGs and PNGs served at full resolution, without compression or modern formats like WebP or AVIF, add unnecessary weight to every page load. How to measure them accurately There are two types of Core Web Vitals data you should be looking at for every client: Lab data comes from tools like Google PageSpeed Insights, Lighthouse, and WebPageTest. It simulates page loads in controlled conditions. Lab data is useful for diagnosing specific issues and testing fixes before you deploy them. Field data (also called Real User Monitoring, or RUM) comes from actual users visiting the site. Google collects this through the Chrome User Experience Report (CrUX) and surfaces it in Search Console and PageSpeed Insights. Field data is what Google actually uses as a ranking signal — and it often looks worse than lab data because it reflects real-world device and connection variability. If your client's site has enough traffic, you'll see field data in Search Console under Core Web Vitals. This is your baseline. Lab data helps you understand why the scores are what they are. For clients with low traffic who don't have enough field data to appear in CrUX, you'll be working primarily with lab scores. Set that expectation early so clients understand that improvements may not immediately show up in Search Console. Practical fixes that move the needle Fix LCP: get the hero image loading first The single most effective LCP improvement is adding fetchpriority="high" to the hero image tag. This tells the browser to prioritize that resource over everything else. If you're using a background CSS image for the hero, switch it to anelement — background images aren't discoverable by the browser's preload scanner. Also check whether your hosting serves images through a CDN with caching. Edge delivery dramatically reduces the time-to-first-byte, which feeds directly into LCP. Fix CLS: define dimensions for every media element Every image, video, and ad slot on the page needs explicit width and height attributes in the HTML. If you're using responsive CSS, you can still define the aspect ratio with aspect-ratio in CSS while leaving the actual size fluid. The key is giving the browser enough information to reserve space before the asset loads. Avoid inserting content above existing content after page load. This is common with cookie banners, sticky headers that change height, and dynamically loaded ad units. If you need to show these, anchor them to fixed positions so they don't push content around. Fix INP: reduce what's competing for the main thread Audit third-party scripts and defer or remove anything that isn't essential. Tools like WebPageTest's waterfall view or Chrome DevTools Performance panel show you exactly which scripts are blocking the main thread and for how long. Load chat widgets, analytics, and ad tags asynchronously and after the page's critical path has resolved. For most clients, moving non-essential scripts to load after the DOMContentLoaded event is a meaningful INP improvement with no visible impact on the user experience. For websites with heavy JavaScript — particularly those built on frameworks with large client-side bundles — consider breaking up long tasks into smaller chunks using the browser's Scheduler API or simply splitting components so the main thread isn't locked for more than 50 milliseconds at a stretch. What platforms handle automatically One of the practical advantages of building on a platform optimized for performance is that many of these fixes are applied by default. Duda, for example, automatically serves WebP images, lazy loads below-the-fold content, minifies CSS, and uses efficient cache policies for static assets. As of May 2025, 82% of sites built on Duda pass all three Core Web Vitals metrics — the highest recorded pass rate among major website platforms. That baseline matters when you're managing dozens or hundreds of client sites. It means you're starting each project close to or at a passing score, rather than diagnosing and patching a broken foundation. How much do Core Web Vitals actually affect rankings? Honestly, they're a tiebreaker — not a primary signal. Google has been clear that content quality and relevance still dominate ranking decisions. A well-optimized site with thin, irrelevant content won't outrank a content-rich competitor just because its CLS is 0.05. What Core Web Vitals do affect is the user experience that supports those rankings. Pages with poor LCP scores have measurably higher bounce rates. Sites with high CLS lose users mid-session. Those behavioral signals — time on page, return visits, conversions — are things search engines can observe and incorporate. The practical argument for fixing Core Web Vitals isn't just "because Google said so." It's that faster, more stable pages convert better. Every second of LCP improvement can reduce bounce rates by 15–20% depending on the industry and device mix. For client sites that monetize through leads or eCommerce, that's a revenue argument, not just an SEO argument. A repeatable process for agencies Audit every new site before launch. Run PageSpeed Insights and record LCP, INP, and CLS scores for both mobile and desktop. Flag anything in the "needs improvement" or "poor" range before the client sees the live site. Check Search Console monthly for existing clients. The Core Web Vitals report surfaces issues as they appear in field data. Catching a regression early — before it compounds — is significantly easier than explaining a traffic drop after the fact. Document what you've improved. Clients rarely see Core Web Vitals scores on their own. A monthly one-page performance summary showing before/after scores builds credibility and makes your technical work visible. Prioritize mobile. Google uses mobile-first indexing, and field data shows that mobile CWV scores are almost always worse than desktop. If you only have time to optimize one version, do mobile first. Core Web Vitals aren't a one-time fix. Platforms change, new scripts get added, campaigns bring in new widgets. Build the audit into your workflow and treat it like any other ongoing deliverable, and you'll stay ahead of the issues before they affect your clients' rankings. Duda's platform is built with Core Web Vitals performance in mind. Explore how it handles image optimization, script management, and site speed automatically — so your team spends less time debugging and more time building.
By Ilana Brudo March 31, 2026
Vertical SaaS must transition from tools to an AI-powered Vertical Operating System (vOS). Learn to leverage context, end tech sprawl, and maximize retention.
By Shawn Davis March 27, 2026
Automate client management, instant site generation, and data synchronization with an API-driven website builder to create a scalable growth engine for your SaaS platform.
Show More

Latest posts