WordPress cookie consent walls and the Core Web Vitals

Sites with no blocking cookie wall cookie consent walls pass all three Core Web Vitals most often: 62%, against 60% of all WordPress sites. The biggest gap is LCP, 77% against 76%.

Sites with no blocking cookie wall cookie consent walls have a good LCP most often: 77%, against 76% of all WordPress sites. Sites with a blocking cookie wall cookie walls have it least often, at 74%.

Sites with no blocking cookie wall cookie consent walls have a good INP most often: 100%, against 100% of all WordPress sites. Sites with a blocking cookie wall cookie walls have it least often, at 100%.

Sites with no blocking cookie wall cookie consent walls have a good CLS most often: 78%, against 78% of all WordPress sites. Sites with a blocking cookie wall cookie walls have it least often, at 77%.

No blocking cookie wall is the most used: 61.9% of WordPress sites.

jQuery sets the cookie consent walls to no blocking cookie wall on 61% of its sites, and 60% of jQuery sites pass all three Core Web Vitals, against 60% of all sites. Vue sets the cookie consent walls to a blocking cookie wall on 84% of its sites, and 57% of Vue sites pass all three.

jQuery sets the cookie consent walls to no blocking cookie wall on 61% of its sites, and 75% of jQuery sites have a good LCP, against 76% of all sites. Vue sets the cookie consent walls to a blocking cookie wall on 84% of its sites, and 75% of Vue sites have a good LCP.

jQuery sets the cookie consent walls to no blocking cookie wall on 61% of its sites, and 100% of jQuery sites have a good INP, against 100% of all sites. Vue sets the cookie consent walls to a blocking cookie wall on 84% of its sites, and 99% of Vue sites have a good INP.

jQuery sets the cookie consent walls to no blocking cookie wall on 61% of its sites, and 77% of jQuery sites have a good CLS, against 78% of all sites. Vue sets the cookie consent walls to a blocking cookie wall on 84% of its sites, and 75% of Vue sites have a good CLS.

FrameworkCookie consent walls on its sitesPass all three

All WordPress sites 63,295 sitesNo blocking cookie wall 62%Cookie wall detected 38%60%

Alpine 380 sitesCookie wall detected 56%No blocking cookie wall 44%69%

jQuery 60,314 sitesNo blocking cookie wall 61%Cookie wall detected 39%60%

Vue 4,844 sitesCookie wall detected 84%No blocking cookie wall 16%57%

React 2,233 sitesNo blocking cookie wall 57%Cookie wall detected 43%50%

No blocking cookie wall Cookie wall detected

Does the framework explain the cookie consent walls difference?

On jQuery, 61% of sites with no blocking cookie wall cookie consent walls pass all three Core Web Vitals, against 58% of jQuery sites with a blocking cookie wall. Within jQuery, sites with no blocking cookie wall pass all three more often. On Vue, 54% of sites with no blocking cookie wall cookie consent walls pass all three Core Web Vitals, against 58% of Vue sites with a blocking cookie wall. Within Vue, sites with no blocking cookie wall and a blocking cookie wall pass all three about equally often.

On jQuery, 76% of sites with no blocking cookie wall cookie consent walls have a good LCP, against 74% of jQuery sites with a blocking cookie wall. Within jQuery, sites with no blocking cookie wall have a good LCP more often. On Vue, 70% of sites with no blocking cookie wall cookie consent walls have a good LCP, against 76% of Vue sites with a blocking cookie wall. Within Vue, sites with no blocking cookie wall and a blocking cookie wall have a good LCP about equally often.

On jQuery, 100% of sites with no blocking cookie wall cookie consent walls have a good INP, against 100% of jQuery sites with a blocking cookie wall. Within jQuery, sites with no blocking cookie wall and a blocking cookie wall have a good INP about equally often. On Vue, 99% of sites with no blocking cookie wall cookie consent walls have a good INP, against 99% of Vue sites with a blocking cookie wall. Within Vue, sites with no blocking cookie wall and a blocking cookie wall have a good INP about equally often.

On jQuery, 78% of sites with no blocking cookie wall cookie consent walls have a good CLS, against 77% of jQuery sites with a blocking cookie wall. Within jQuery, sites with no blocking cookie wall and a blocking cookie wall have a good CLS about equally often. On Vue, 72% of sites with no blocking cookie wall cookie consent walls have a good CLS, against 75% of Vue sites with a blocking cookie wall. Within Vue, sites with no blocking cookie wall and a blocking cookie wall have a good CLS about equally often.

Why the Accept button is often the slowest interaction on the page

When a cookie wall blocks the page on first visit, the visitor's very first tap happens on the consent button. Many Consent Management Platforms (CMPs) synchronously update storage, remove DOM overlays, and initialize Google Tag Manager and marketing pixels inside that click handler. Across 24,129 sites (38.1%) with a cookie wall, median INP rises to 50ms (100% good INP, 77% good CLS), compared with a 46ms median INP (100% good INP, 78% good CLS) on the 39,166 sites (61.9%) without one.