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: 65%, against 63% of all WordPress sites. The biggest gap is LCP, 72% against 70%.

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

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

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

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 62% of jQuery sites pass all three Core Web Vitals, against 63% of all sites. Vue sets the cookie consent walls to a blocking cookie wall on 84% of its sites, and 61% of Vue sites pass all three.

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

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

jQuery sets the cookie consent walls to no blocking cookie wall on 61% of its sites, and 89% of jQuery sites have a good CLS, against 89% of all sites. Vue sets the cookie consent walls to a blocking cookie wall on 84% of its sites, and 89% 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%63%

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

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

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

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

No blocking cookie wall Cookie wall detected

Does the framework explain the cookie consent walls difference?

On jQuery, 64% of sites with no blocking cookie wall cookie consent walls pass all three Core Web Vitals, against 59% of jQuery sites with a blocking cookie wall. Within jQuery, sites with no blocking cookie wall pass all three more often. On Vue, 59% of sites with no blocking cookie wall cookie consent walls pass all three Core Web Vitals, against 61% 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, 71% of sites with no blocking cookie wall cookie consent walls have a good LCP, against 66% of jQuery sites with a blocking cookie wall. Within jQuery, sites with no blocking cookie wall have a good LCP more often. On Vue, 68% of sites with no blocking cookie wall cookie consent walls have a good LCP, against 68% 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, 98% of sites with no blocking cookie wall cookie consent walls have a good INP, against 98% of jQuery sites with a blocking cookie wall. Within jQuery, sites with no blocking cookie wall have a good INP more often. On Vue, 97% of sites with no blocking cookie wall cookie consent walls have a good INP, against 97% 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, 90% of sites with no blocking cookie wall cookie consent walls have a good CLS, against 88% of jQuery sites with a blocking cookie wall. Within jQuery, sites with no blocking cookie wall have a good CLS more often. On Vue, 86% of sites with no blocking cookie wall cookie consent walls have a good CLS, against 89% 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 91ms (98% good INP, 88% good CLS), compared with a 81ms median INP (98% good INP, 90% good CLS) on the 39,166 sites (61.9%) without one.