Spain · Madrid Completed: Apr 22, 2026 21:38 UTCMobile 375 × 812
Desktop 1440 × 900
Score: 70 / 100
Based on 8 categories, 0 sections
Room to improve — your 31.1s load time is above Google's 2.5s 'Good' threshold.
Several missing protections leave your users and data exposed.
Several issues make your site difficult for assistive technology users.
Well-optimized for search — your content is discoverable.
Good server performance with room for optimization.
Mostly compliant — a few items need attention.
Rich content metadata — your pages look great everywhere.
Heavier than average — reducing page weight saves energy and bandwidth.
The overall score is a weighted average of individual category scores. Categories with more impact on user experience and security carry more weight.
Weights reflect general web best practices. Individual needs may differ.
Content-Security-Policy header is missing
Security gaps expose your site and users to attacks, eroding trust.
HSTS header is missing
Security gaps expose your site and users to attacks, eroding trust.
No Content-Security-Policy header found
Security gaps expose your site and users to attacks, eroding trust.
Page weighs 21.7 MB (7.9 MB transferred)
Performance issues directly impact user engagement and conversion rates.
1 button(s) with no accessible text
Accessibility issues exclude users with disabilities — up to 15% of your potential audience.
High impact, low effort — start here.
High impact, requires investment.
Small gains, minimal effort.
Nothing in this quadrant — good news.
Low impact, high effort — do last.
Nothing in this quadrant — good news.
[](https://beavercheck.com/results/396e37e6-e465-47c4-a6e1-185d65bf4c4c)<a href="https://beavercheck.com/results/396e37e6-e465-47c4-a6e1-185d65bf4c4c"><img src="https://beavercheck.com/badge?url=https%3A%2F%2Fbarcelona.cat" alt="BeaverCheck Score"></a>https://beavercheck.com/badge?url=https%3A%2F%2Fbarcelona.catThis badge auto-updates with your latest scan result.
Your site performs reasonably well, but a few targeted fixes could meaningfully improve results. Your LCP of 31.1s exceeds Google's 2.5s 'Good' threshold and the 1 performance issue below directly contributes to it. Addressing the critical issues below would have the most immediate impact on your user trust.
8 barrier(s) likely increasing bounce by ~30%.
Page takes 31.1s to load
+12% bounceUsers abandon at ~3s — you're 28.6s over the 2.5s threshold
Fix: Optimize render-blocking resources, preload the hero image, and compress images
Page feels frozen for 1.5s
+5% bounceClicks on the primary CTA are ignored while JavaScript runs
Fix: Break up long tasks; defer non-critical JavaScript to post-hydration
No HSTS header
+1% bounceReturning visitors are briefly exposed to downgrade attacks on first request
Fix: Set Strict-Transport-Security: max-age=31536000; includeSubDomains
No Content-Security-Policy header
+1% bounceHigher XSS blast radius — one compromised script can exfiltrate the checkout form
Fix: Ship a reporting-only CSP first, then enforce once violations are clean
Layout shifts during page load
+3% bounceContent movement causes mis-clicks on CTAs and form fields
Fix: Add width/height to images; reserve space for late-loading embeds
No structured data
+2% bounceNo rich-result eligibility in Google — lower SERP CTR vs competitors with stars and prices
Fix: Add JSON-LD for your page type (Product, Article, FAQPage, LocalBusiness, …)
Content is hard to read
+2% bounceGraduate-level reading difficulty — limits the addressable audience for product or blog pages
Fix: Shorten sentences; replace jargon with plain language; target Flesch ease ≥60
No skip-to-content link
+1% bounceKeyboard and screen-reader users must tab through the entire header on every page
Fix: Add a visible-on-focus <a href="#main">Skip to content</a> as the first focusable element
Preliminary CRO audit — each barrier links to the tab with detailed analysis.
€275 investment → €1.84/month returns + EUR 120,500,000 risk avoided
€275
5h · 5 findings
€1.84 /mo
~€22 / year
EUR 120,500,000
if kept compliant
€83 — in quick wins — start here for the fastest payback
Figures combine localized regulatory fine ceilings, search/conversion value priced against local CPC, and bandwidth waste estimates. Results depend on implementation quality and audience composition. Not legal or financial advice.
5.0 developer hours at €55/hr
Based on Spain rates (€55/hr)
Start here for the best return on investment
€10,041,669 / month at risk
~€120,500,022 / year if left unfixed
€120,500,000
+5 more
€1.84 /mo
24788.2 MB/mo × 0.074 EUR/GB
Compliance figures represent the statutory maximum fine for the most severe triggered category, capped per regulation — not the sum of per-finding penalties. Based on published regulatory fine ranges. This is not legal advice.
Unique monthly visitors from your analytics
Purchases, signups, or key actions
Optional — for revenue estimation
more engaged visitors from reduced bounce
Fix 5 critical issues to capture this value
Based on Google/Deloitte research ("Milliseconds Make Millions") showing a ~7% bounce rate increase per additional second of LCP above the 2.5s "Good" threshold.
Your site's LCP: → estimated after fixes.
These are estimates based on industry research — actual results vary
Your data stays in your browser — nothing is sent to our servers
Thanks for your feedback!
We'll use a cached audit if available, or offer to scan.
Industry-standard audits powered by Google Lighthouse.
Key metrics that affect user experience.
First Contentful Paint First Contentful Paint — how long until the browser renders the first piece of content. Under 1.8s is good.
12.07 s
Largest Contentful Paint Largest Contentful Paint — how long until the largest visible element loads. Under 2.5s is good.
31.12 s
Total Blocking Time Total Blocking Time — total time the main thread was blocked, preventing user input. Under 200ms is good.
1.48 s
Cumulative Layout Shift Cumulative Layout Shift — measures visual stability. How much the page layout shifts during loading. Under 0.1 is good.
0.194
Speed Index Speed Index — how quickly content is visually displayed during load. Under 3.4s is good.
12.07 s
Time to Interactive Time to Interactive — how long until the page is fully interactive and responds to user input. Under 3.8s is good.
40.09 s
Audit breakdown by category with detailed findings.
Remove large, duplicate JavaScript modules from bundles to reduce unnecessary bytes consumed by network activity.
Performance issues directly impact user engagement and conversion rates.
Polyfills and transforms enable older browsers to use new JavaScript features. However, many aren't necessary for modern browsers. Consider modifying your JavaScript build process to not transpile Baseline features, unless you know you must support older browsers. Learn why most sites can deploy ES6+ code without transpiling
Shipping ES5 transpiled code to modern browsers wastes bytes — every user with an evergreen browser pays for compatibility you don't need.
Most users today run browsers that natively support ES6+, async/await, optional chaining, and the rest of modern JavaScript. Transpiling to ES5 'just in case' adds 20-40% to your bundle for no benefit. Configure your build to target a modern browserslist, or ship a differential bundle pair (modern + legacy) with the module/nomodule pattern.
Source: Google web.dev / Lighthouse
3rd party code can significantly impact load performance. Reduce and defer loading of 3rd party code to prioritize your page's content.
Performance issues directly impact user engagement and conversion rates.
A long cache lifetime can speed up repeat visits to your page. Learn more about caching.
Performance issues directly impact user engagement and conversion rates.
Layout shifts occur when elements move absent any user interaction. Investigate the causes of layout shifts, such as elements being added, removed, or their fonts changing as the page loads.
Performance issues directly impact user engagement and conversion rates.
Your first network request is the most important. Reduce its latency by avoiding redirects, ensuring a fast server response, and enabling text compression.
Performance issues directly impact user engagement and conversion rates.
Consider setting font-display to swap or optional to ensure text is consistently visible. swap can be further optimized to mitigate layout shifts with font metric overrides.
Performance issues directly impact user engagement and conversion rates.
A forced reflow occurs when JavaScript queries geometric properties (such as offsetWidth) after styles have been invalidated by a change to the DOM state. This can result in poor performance. Learn more about forced reflows and possible mitigations.
Performance issues directly impact user engagement and conversion rates.
Optimize LCP by making the LCP image discoverable from the HTML immediately, and avoiding lazy-loading
Performance issues directly impact user engagement and conversion rates.
Avoid chaining critical requests by reducing the length of chains, reducing the download size of resources, or deferring the download of unnecessary resources to improve page load.
Performance issues directly impact user engagement and conversion rates.
Requests are blocking the page's initial render, which may delay LCP. Deferring or inlining can move these network requests out of the critical path.
Performance issues directly impact user engagement and conversion rates.
Reducing the download time of images can improve the perceived load time of the page and LCP. Learn more about optimizing image size
Performance issues directly impact user engagement and conversion rates.
| URL | Resource Size | Est Savings | |
|---|---|---|---|
div > div.item-bg > div.bg-promo-capcalera > img.bg-promo-capcalera div > div.item-bg > div.bg-promo-capcalera > img.bg-promo-capcalera | /sites/default/files/styles/cap_mobile/public/capcalera_1... | 208.6 KiB | 191.8 KiB |
Fem la Barcelona de la teva vida div > div.item-bg > div.bg-promo-capcalera > img.bg-promo-capcalera | /sites/default/files/styles/cap_mobile/public/platja_1024... | 204.4 KiB | 187.6 KiB |
div > div.item-bg > div.bg-promo-capcalera > img.bg-promo-capcalera div > div.item-bg > div.bg-promo-capcalera > img.bg-promo-capcalera | /sites/default/files/styles/cap_mobile/public/240717_E_Fo... | 120.5 KiB | 103.7 KiB |
div.slick-slide > div > div.item > img div.slick-slide > div > div.item > img | www.barcelona.cat/sites/default/files/ICUB_WebBarcelona_252x252px_0.png | 107.4 KiB | 103.3 KiB |
div.box-destacat > div.content-box > div.box-img > img div.box-destacat > div.content-box > div.box-img > img | /sites/default/files/styles/destacat_petit/public/forndep... | 96.7 KiB | 92.4 KiB |
div.d-flex > div.ajuntament-actualitat-media > span.ajuntament-actualitat-yt-preview > img.img-fluid div.d-flex > div.ajuntament-actualitat-media > span.ajuntament-actualitat-yt-preview > img.img-fluid | img.youtube.com/vi/Q0mEbVO3pYc/maxresdefault.jpg | 80.4 KiB | 79.0 KiB |
Una ciclista circula per un carril bici div.box-destacat > div.content-box > div.box-img > img | /sites/default/files/styles/destacat_petit/public/bicicle... | 81.6 KiB | 77.2 KiB |
div.box-destacat > div.content-box > div.box-img > img div.box-destacat > div.content-box > div.box-img > img | /sites/default/files/styles/destacat_petit/public/museu-2... | 73.1 KiB | 68.8 KiB |
div.box-destacat > div.content-box > div.box-img > img div.box-destacat > div.content-box > div.box-img > img | /sites/default/files/styles/destacat_petit/public/llibrer... | 69.8 KiB | 65.5 KiB |
div.slick-slide > div > div.item > img div.slick-slide > div > div.item > img | www.barcelona.cat/sites/default/files/La%20Meva%20i%20Meet_252x252_P26_cat.jpg | 54.7 KiB | 50.5 KiB |
Treballadora del SAIER atenent una usuària en una de les taules. Autor: Edu Bay… li.w-100 > div.d-flex > div.ajuntament-actualitat-media > img.img-fluid | /wp-content/uploads/2024/08/14102852/20191029_VisitaSaier... | 53.1 KiB | 50.4 KiB |
div.slick-slide > div > div.item > img div.slick-slide > div > div.item > img | www.barcelona.cat/sites/default/files/252x252_1_1.png | 39.6 KiB | 35.5 KiB |
div.slick-slide > div > div.item > img div.slick-slide > div > div.item > img | www.barcelona.cat/sites/default/files/Grec26-Guia_BCN-252x252-CAT_0.jpg | 38.8 KiB | 34.6 KiB |
li.w-100 > div.d-flex > div.ajuntament-actualitat-media > img.img-fluid li.w-100 > div.d-flex > div.ajuntament-actualitat-media > img.img-fluid | /wp-content/uploads/2026/04/07142055/250423_AF_AmbientDia... | 45.2 KiB | 31.8 KiB |
div.slick-slide > div > div.item > img div.slick-slide > div > div.item > img | /sites/default/files/Banners Municipals_v2_252x252_2_barc... | 35.5 KiB | 31.3 KiB |
div.slick-slide > div > div.item > img div.slick-slide > div > div.item > img | www.barcelona.cat/sites/default/files/Baner%20252%20x%202522.jpg | 27.5 KiB | 23.3 KiB |
div.slick-slide > div > div.item > img div.slick-slide > div > div.item > img | www.barcelona.cat/sites/default/files/Banners%20Web_252x252.png | 22.9 KiB | 18.7 KiB |
div.content-promo > div.contingut-promo > div.img-promo-capcalera > img div.content-promo > div.contingut-promo > div.img-promo-capcalera > img | www.barcelona.cat/sites/default/files/160x160_1.png | 12.1 KiB | 9.1 KiB |
These insights are also available in the Chrome DevTools Performance Panel - record a trace to view more detailed information.
Time to Interactive is the amount of time it takes for the page to become fully interactive. Learn more about the Time to Interactive metric.
Performance issues directly impact user engagement and conversion rates.
Redirects introduce additional delays before the page can be loaded. Learn how to avoid page redirects.
Performance issues directly impact user engagement and conversion rates.
| URL | Time Spent |
|---|---|
| barcelona.cat/ | 816 ms |
| www.barcelona.cat/ | 766 ms |
| www.barcelona.cat/ca/ | 151 ms |
| www.barcelona.cat/ca | 0.0 ms |
These are the largest layout shifts observed on the page. Each table item represents a single layout shift, and shows the element that shifted the most. Below each item are possible root causes that led to the layout shift. Some of these layout shifts may not be included in the CLS metric value due to windowing. Learn how to improve CLS
Performance issues directly impact user engagement and conversion rates.
| Element | Layout shift score |
|---|---|
div#page-barcelonacat-wrapper > div#promotional-home > section.region > div#block-bcn-block-42 div#page-barcelonacat-wrapper > div#promotional-home > section.region > div#block-bcn-block-42 | 0.194 |
The maximum potential First Input Delay that your users could experience is the duration of the longest task. Learn more about the Maximum Potential First Input Delay metric.
Performance issues directly impact user engagement and conversion rates.
Minifying JavaScript files can reduce payload sizes and script parse time. Learn how to minify JavaScript.
Performance issues directly impact user engagement and conversion rates.
| URL | Transfer Size | Est Savings |
|---|---|---|
| releases.jquery.com/git/ui/jquery-ui-git.js | 123.6 KiB | 44.2 KiB |
| www.barcelona.cat/estatics-planol/v1.2/library/jquery-ui-1.10.4.js | 106.2 KiB | 34.8 KiB |
| www.barcelona.cat/estatics-planol/v1.2/library/jquery.min.js | 34.6 KiB | 6.2 KiB |
Reduce unused rules from stylesheets and defer CSS not used for above-the-fold content to decrease bytes consumed by network activity. Learn how to reduce unused CSS.
Performance issues directly impact user engagement and conversion rates.
| URL | Transfer Size | Est Savings |
|---|---|---|
| mobile.com-shi-va.barcelona.cat/assets/index-DFDXDFpa.css | 215.2 KiB | 215.2 KiB |
| /sites/default/files/css/css_gLBmp_m-rEIwWqgh5S_Io-deXfPw... | 50.3 KiB | 43.6 KiB |
| stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css | 23.5 KiB | 22.8 KiB |
| /sites/default/files/css/css_hTp6L0VyctdAuJfD89ldo3ubaJLP... | 17.6 KiB | 16.3 KiB |
| /sites/default/files/css/css_NVxUAN5GBkQ5RfJ8Z6b86bGToqLb... | 11.4 KiB | 11.3 KiB |
| www.barcelona.cat/estatics-planol/v1.2/widget/css/styles.css | 10.4 KiB | 10.4 KiB |
Reduce unused JavaScript and defer loading scripts until they are required to decrease bytes consumed by network activity. Learn how to reduce unused JavaScript.
Multi-megabyte JavaScript bundles delay every interactive feature on the page.
This is the Lighthouse audit fired when too much JS is shipped relative to what executes. The fix isn't a config flag — it requires bundle analysis (webpack-bundle-analyzer, rollup-plugin-visualizer), splitting routes into chunks, lazy-loading off-screen components, and removing unused dependencies. Fundamentally different from minification: minifying reduces byte count, this reduces what's downloaded at all.
Source: Google web.dev / Lighthouse
| URL | Transfer Size | Est Savings |
|---|---|---|
| mobile.com-shi-va.barcelona.cat/assets/index-CiPq0rWH.js | 697.0 KiB | 501.1 KiB |
| com-shi-va.barcelona.cat/assets/index-97beb0ec.js | 532.3 KiB | 347.1 KiB |
| www.barcelona.cat/estatics/geobcn/1.2/api-full-ca.js | 240.6 KiB | 188.3 KiB |
| www.barcelona.cat/estatics/geobcn/1.2/js/lib/openlayers/ol-6.15.1.js | 237.7 KiB | 164.7 KiB |
| /maps/api/js?key=AIzaSyA1hYiZ1NN9YNkxQPWfVHYhI7hmS1JLlLI&... | 181.8 KiB | 103.0 KiB |
| releases.jquery.com/git/ui/jquery-ui-git.js | 123.6 KiB | 100.7 KiB |
| www.barcelona.cat/estatics-planol/v1.2/library/jquery-ui-1.10.4.js | 106.2 KiB | 93.2 KiB |
| ajuntament.barcelona.cat/widgets/temps/v3/js/jquery-ui.min.js | 62.3 KiB | 56.2 KiB |
| cdn.matomo.cloud/dadesbcn.matomo.cloud/container_ItpXlBOC.js | 36.8 KiB | 32.0 KiB |
| cdn.matomo.cloud/dadesbcn.matomo.cloud/container_beOBY9ep.js | 74.3 KiB | 31.7 KiB |
| cdn.matomo.cloud/dadesbcn.matomo.cloud/container_ItpXlBOC.js | 36.8 KiB | 20.6 KiB |
| /sites/default/files/js/js_vZiLVjvNVmvVDClBH_JJ1vsaB83Jqj... | 25.9 KiB | 20.2 KiB |
Consider reducing the time spent parsing, compiling, and executing JS. You may find delivering smaller JS payloads helps with this. Learn how to reduce Javascript execution time.
Performance issues directly impact user engagement and conversion rates.
Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads helps with this. Learn how to minimize main-thread work
Performance issues directly impact user engagement and conversion rates.
| Category | Time Spent |
|---|---|
| Script Evaluation | 3.7 s |
| Other | 2.5 s |
| Style & Layout | 1.1 s |
| Script Parsing & Compilation | 675 ms |
| Parse HTML & CSS | 368 ms |
| Garbage Collection | 228 ms |
| Rendering | 111 ms |
Many navigations are performed by going back to a previous page, or forwards again. The back/forward cache (bfcache) can speed up these return navigations. Learn more about the bfcache
Performance issues directly impact user engagement and conversion rates.
| Failure reason | Failure type |
|---|---|
| The page has an unload handler in a sub frame. | Actionable |
Minifying CSS files can reduce network payload sizes. Learn how to minify CSS.
Performance issues directly impact user engagement and conversion rates.
| URL | Transfer Size | Est Savings |
|---|---|---|
| www.barcelona.cat/estatics-planol/v1.2/widget/css/styles.css | 10.7 KiB | 3.6 KiB |
Large network payloads cost users real money and are highly correlated with long load times. Learn how to reduce payload sizes.
Performance issues directly impact user engagement and conversion rates.
Set an explicit width and height on image elements to reduce layout shifts and improve CLS. Learn how to set image dimensions
Performance issues directly impact user engagement and conversion rates.
| URL | |
|---|---|
div.d-flex > div.ajuntament-actualitat-media > span.ajuntament-actualitat-yt-preview > img.img-fluid div.d-flex > div.ajuntament-actualitat-media > span.ajuntament-actualitat-yt-preview > img.img-fluid | img.youtube.com/vi/Q0mEbVO3pYc/maxresdefault.jpg |
li.w-100 > div.d-flex > div.ajuntament-actualitat-media > img.img-fluid li.w-100 > div.d-flex > div.ajuntament-actualitat-media > img.img-fluid | /wp-content/uploads/2026/04/07142055/250423_AF_AmbientDia... |
Treballadora del SAIER atenent una usuària en una de les taules. Autor: Edu Bay… li.w-100 > div.d-flex > div.ajuntament-actualitat-media > img.img-fluid | /wp-content/uploads/2024/08/14102852/20191029_VisitaSaier... |
Logotip de l'Ajuntament de Barcelona div#lw-banner > div.lw-banner-wrapper > div.lw-banner-brand > img | /media/widgets/brands/19e3126d-e1c9-4f40-9e90-8d7c407ac1c... |
Logo Ajuntament de Barcelona div.bcnbrand-navs-container > div.bcnbrand-logo-main > a.plausible-event-name=barra-logo > img | www.barcelona.cat/assets/images/brand/banner/2025/logo-ajbcn.svg |
Barcelona City Council logo div#block-barcelonacat-theme-marcadellloc > div.container > div.barcelona-branding-logo > img | www.barcelona.cat/assets/images/brand/banner/2025/logo-ajbcn.svg |
Barcelona City Council logo div.container > nav#menu-footer > a > img | www.barcelona.cat/assetsdi/img/2025/logo-negre.svg |
More information about the performance of your application. These numbers don't directly affect the Performance score.
These checks highlight opportunities to improve the accessibility of your web app. Automatic detection can only detect a subset of issues and does not guarantee the accessibility of your web app, so manual testing is also encouraged.
When a `progressbar` element doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. Learn how to label `progressbar` elements.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
66.66666666666666% completed div.views-row > div#carousel-capcalera > div.footer-carousel-capcalera > div#progressbar-carousel-capcalera |
These are opportunities to improve the usage of ARIA in your application which may enhance the experience for users of assistive technology, like a screen reader.
When a button doesn't have an accessible name, screen readers announce it as "button", making it unusable for users who rely on screen readers. Learn how to make buttons more accessible.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
div.bcnbrand-navs-wrapper > nav.bcnbrand-navbar-search > div#bcnbrand-search-dropdown > button#bcnbrand-search-toggle div.bcnbrand-navs-wrapper > nav.bcnbrand-navbar-search > div#bcnbrand-search-dropdown > button#bcnbrand-search-toggle |
div.bcnbrand-navs-wrapper > nav.bcnbrand-navbar-shortcuts > div#bcnbrand-shortcuts-dropdown > button#bcnbrand-shortcuts-toggle div.bcnbrand-navs-wrapper > nav.bcnbrand-navbar-shortcuts > div#bcnbrand-shortcuts-dropdown > button#bcnbrand-shortcuts-toggle |
Informative elements should aim for short, descriptive alternate text. Decorative elements can be ignored with an empty alt attribute. Learn more about the `alt` attribute.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
div.d-flex > div.ajuntament-actualitat-media > span.ajuntament-actualitat-yt-preview > img.img-fluid div.d-flex > div.ajuntament-actualitat-media > span.ajuntament-actualitat-yt-preview > img.img-fluid |
Screen reader users rely on frame titles to describe the contents of frames. Learn more about frame titles.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
section.region > div#block-barcelonacat-theme-iframetemps > p > iframe#i-temps section.region > div#block-barcelonacat-theme-iframetemps > p > iframe#i-temps |
section.region > div#block-bcn-block-42 > p > iframe#qualitat-aire-i section.region > div#block-bcn-block-42 > p > iframe#qualitat-aire-i |
These are opportunities to improve the semantics of the controls in your application. This may enhance the experience for users of assistive technology, like a screen reader.
A value greater than 0 implies an explicit navigation ordering. Although technically valid, this often creates frustrating experiences for users who rely on assistive technologies. Learn more about the `tabindex` attribute.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
Vés al contingut body.page-node-58 > a.visually-hidden |
These are opportunities to improve keyboard navigation in your application.
Touch targets with sufficient size and spacing help users who may have difficulty targeting small controls to activate the targets. Learn more about touch targets.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
div.js-view-dom-id-021a2cf942d6f128d53e78256371fe7e725814233850c1952b4d28ac2735d9bf > form#cercadormobile > div.cercadormobile-input > button div.js-view-dom-id-021a2cf942d6f128d53e78256371fe7e725814233850c1952b4d28ac2735d9bf > form#cercadormobile > div.cercadormobile-input > button |
These items highlight common accessibility best practices.
Deprecated APIs will eventually be removed from the browser. Learn more about deprecated APIs.
Performance issues directly impact user engagement and conversion rates.
| Deprecation / Warning | Source |
|---|---|
| Unload event listeners are deprecated and will be removed. | ajuntament.barcelona.cat/widgets/temps/v3/js/jquery-1.11.2.min.js line 1, col 8647 |
| Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/. | mobile.com-shi-va.barcelona.cat/assets/index-CiPq0rWH.js line 1543, col 363637 |
Source maps translate minified code to the original source code. This helps developers debug in production. In addition, Lighthouse is able to provide further insights. Consider deploying source maps to take advantage of these benefits. Learn more about source maps.
Performance issues directly impact user engagement and conversion rates.
These checks ensure that your page is following basic search engine optimization advice. There are many additional factors Lighthouse does not score here that may affect your search ranking, including performance on Core Web Vitals. Learn more about Google Search Essentials.
Informative elements should aim for short, descriptive alternate text. Decorative elements can be ignored with an empty alt attribute. Learn more about the `alt` attribute.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
div.d-flex > div.ajuntament-actualitat-media > span.ajuntament-actualitat-yt-preview > img.img-fluid div.d-flex > div.ajuntament-actualitat-media > span.ajuntament-actualitat-yt-preview > img.img-fluid |
Format your HTML in a way that enables crawlers to better understand your app’s content.
Industry-standard audits powered by Google Lighthouse. — Desktop
Key metrics that affect user experience. — Desktop
First Contentful Paint First Contentful Paint — how long until the browser renders the first piece of content. Under 1.8s is good.
929 ms
Largest Contentful Paint Largest Contentful Paint — how long until the largest visible element loads. Under 2.5s is good.
3.12 s
Total Blocking Time Total Blocking Time — total time the main thread was blocked, preventing user input. Under 200ms is good.
164 ms
Cumulative Layout Shift Cumulative Layout Shift — measures visual stability. How much the page layout shifts during loading. Under 0.1 is good.
0.000
Speed Index Speed Index — how quickly content is visually displayed during load. Under 3.4s is good.
1.89 s
Time to Interactive Time to Interactive — how long until the page is fully interactive and responds to user input. Under 3.8s is good.
5.90 s
Audit breakdown by category with detailed findings.
Remove large, duplicate JavaScript modules from bundles to reduce unnecessary bytes consumed by network activity.
Performance issues directly impact user engagement and conversion rates.
Polyfills and transforms enable older browsers to use new JavaScript features. However, many aren't necessary for modern browsers. Consider modifying your JavaScript build process to not transpile Baseline features, unless you know you must support older browsers. Learn why most sites can deploy ES6+ code without transpiling
Shipping ES5 transpiled code to modern browsers wastes bytes — every user with an evergreen browser pays for compatibility you don't need.
Most users today run browsers that natively support ES6+, async/await, optional chaining, and the rest of modern JavaScript. Transpiling to ES5 'just in case' adds 20-40% to your bundle for no benefit. Configure your build to target a modern browserslist, or ship a differential bundle pair (modern + legacy) with the module/nomodule pattern.
Source: Google web.dev / Lighthouse
3rd party code can significantly impact load performance. Reduce and defer loading of 3rd party code to prioritize your page's content.
Performance issues directly impact user engagement and conversion rates.
A long cache lifetime can speed up repeat visits to your page. Learn more about caching.
Performance issues directly impact user engagement and conversion rates.
Your first network request is the most important. Reduce its latency by avoiding redirects, ensuring a fast server response, and enabling text compression.
Performance issues directly impact user engagement and conversion rates.
Consider setting font-display to swap or optional to ensure text is consistently visible. swap can be further optimized to mitigate layout shifts with font metric overrides.
Performance issues directly impact user engagement and conversion rates.
A forced reflow occurs when JavaScript queries geometric properties (such as offsetWidth) after styles have been invalidated by a change to the DOM state. This can result in poor performance. Learn more about forced reflows and possible mitigations.
Performance issues directly impact user engagement and conversion rates.
Reducing the download time of images can improve the perceived load time of the page and LCP. Learn more about optimizing image size
Performance issues directly impact user engagement and conversion rates.
| URL | Resource Size | Est Savings | |
|---|---|---|---|
Fem la Barcelona de la teva vida div > div.item-bg > div.bg-promo-capcalera > img.bg-promo-capcalera | www.barcelona.cat/sites/default/files/platja_1920x540.jpg | 1.0 MiB | 926.1 KiB |
div > div.item-bg > div.bg-promo-capcalera > img.bg-promo-capcalera div > div.item-bg > div.bg-promo-capcalera > img.bg-promo-capcalera | www.barcelona.cat/sites/default/files/capcalera_1900_roses.jpg | 237.9 KiB | 116.2 KiB |
div.slick-slide > div > div.item > img div.slick-slide > div > div.item > img | www.barcelona.cat/sites/default/files/ICUB_WebBarcelona_252x252px_0.png | 107.4 KiB | 103.3 KiB |
div.box-destacat > div.content-box > div.box-img > img div.box-destacat > div.content-box > div.box-img > img | /sites/default/files/styles/destacat_petit/public/edifici... | 102.8 KiB | 93.7 KiB |
div.box-destacat > div.content-box > div.box-img > img div.box-destacat > div.content-box > div.box-img > img | /sites/default/files/styles/destacat_petit/public/forndep... | 96.7 KiB | 87.7 KiB |
div > div.item-bg > div.bg-promo-capcalera > img.bg-promo-capcalera div > div.item-bg > div.bg-promo-capcalera > img.bg-promo-capcalera | /sites/default/files/240717_E_FotografiesRecurs_Pantalles... | 196.2 KiB | 77.6 KiB |
div.d-flex > div.ajuntament-actualitat-media > span.ajuntament-actualitat-yt-preview > img.img-fluid div.d-flex > div.ajuntament-actualitat-media > span.ajuntament-actualitat-yt-preview > img.img-fluid | img.youtube.com/vi/Q0mEbVO3pYc/maxresdefault.jpg | 80.4 KiB | 77.3 KiB |
Una ciclista circula per un carril bici div.box-destacat > div.content-box > div.box-img > img | /sites/default/files/styles/destacat_petit/public/bicicle... | 81.6 KiB | 72.5 KiB |
div.box-destacat > div.content-box > div.box-img > img div.box-destacat > div.content-box > div.box-img > img | /sites/default/files/styles/destacat_petit/public/museu-2... | 73.1 KiB | 64.1 KiB |
div.box-destacat > div.content-box > div.box-img > img div.box-destacat > div.content-box > div.box-img > img | /sites/default/files/styles/destacat_petit/public/llibrer... | 69.8 KiB | 60.8 KiB |
div.slick-slide > div > div.item > img div.slick-slide > div > div.item > img | www.barcelona.cat/sites/default/files/La%20Meva%20i%20Meet_252x252_P26_cat.jpg | 54.7 KiB | 50.5 KiB |
Treballadora del SAIER atenent una usuària en una de les taules. Autor: Edu Bay… li.w-100 > div.d-flex > div.ajuntament-actualitat-media > img.img-fluid | /wp-content/uploads/2024/08/14102852/20191029_VisitaSaier... | 53.1 KiB | 47.5 KiB |
li.col-md-6 > article > div.ajuntament-guia-item-image > img li.col-md-6 > article > div.ajuntament-guia-item-image > img | estatics-nasia.dtibcn.cat/nasia-pro/media/film_fest.570x321.95a61c4a.jpg | 68.6 KiB | 43.3 KiB |
div.slick-slide > div > div.item > img div.slick-slide > div > div.item > img | www.barcelona.cat/sites/default/files/252x252_1_1.png | 39.6 KiB | 35.5 KiB |
div.slick-slide > div > div.item > img div.slick-slide > div > div.item > img | www.barcelona.cat/sites/default/files/Grec26-Guia_BCN-252x252-CAT_0.jpg | 38.8 KiB | 34.6 KiB |
div.slick-slide > div > div.item > img div.slick-slide > div > div.item > img | /sites/default/files/Banners Municipals_v2_252x252_2_barc... | 35.5 KiB | 31.3 KiB |
li.col-md-6 > article > div.ajuntament-guia-item-image > img li.col-md-6 > article > div.ajuntament-guia-item-image > img | estatics-nasia.dtibcn.cat/nasia-pro/media/Mishima.570x321.73f42630.jpg | 55.5 KiB | 30.2 KiB |
div.slick-slide > div > div.item > img div.slick-slide > div > div.item > img | www.barcelona.cat/sites/default/files/Baner%20252%20x%202522.jpg | 27.5 KiB | 23.3 KiB |
li.w-100 > div.d-flex > div.ajuntament-actualitat-media > img.img-fluid li.w-100 > div.d-flex > div.ajuntament-actualitat-media > img.img-fluid | /wp-content/uploads/2026/04/07142055/250423_AF_AmbientDia... | 45.2 KiB | 19.5 KiB |
div.slick-slide > div > div.item > img div.slick-slide > div > div.item > img | www.barcelona.cat/sites/default/files/Banners%20Web_252x252.png | 22.9 KiB | 18.7 KiB |
div.content-promo > div.contingut-promo > div.img-promo-capcalera > img div.content-promo > div.contingut-promo > div.img-promo-capcalera > img | www.barcelona.cat/sites/default/files/160x160_1.png | 12.1 KiB | 8.0 KiB |
Optimize LCP by making the LCP image discoverable from the HTML immediately, and avoiding lazy-loading
Performance issues directly impact user engagement and conversion rates.
Avoid chaining critical requests by reducing the length of chains, reducing the download size of resources, or deferring the download of unnecessary resources to improve page load.
Performance issues directly impact user engagement and conversion rates.
Requests are blocking the page's initial render, which may delay LCP. Deferring or inlining can move these network requests out of the critical path.
Performance issues directly impact user engagement and conversion rates.
These insights are also available in the Chrome DevTools Performance Panel - record a trace to view more detailed information.
Redirects introduce additional delays before the page can be loaded. Learn how to avoid page redirects.
Performance issues directly impact user engagement and conversion rates.
| URL | Time Spent |
|---|---|
| barcelona.cat/ | 216 ms |
| www.barcelona.cat/ | 210 ms |
| www.barcelona.cat/ca/ | 41 ms |
| www.barcelona.cat/ca | 0.0 ms |
Time to Interactive is the amount of time it takes for the page to become fully interactive. Learn more about the Time to Interactive metric.
Performance issues directly impact user engagement and conversion rates.
The maximum potential First Input Delay that your users could experience is the duration of the longest task. Learn more about the Maximum Potential First Input Delay metric.
Performance issues directly impact user engagement and conversion rates.
Minifying JavaScript files can reduce payload sizes and script parse time. Learn how to minify JavaScript.
Performance issues directly impact user engagement and conversion rates.
| URL | Transfer Size | Est Savings |
|---|---|---|
| releases.jquery.com/git/ui/jquery-ui-git.js | 123.6 KiB | 44.2 KiB |
| www.barcelona.cat/estatics-planol/v1.2/library/jquery-ui-1.10.4.js | 106.2 KiB | 34.8 KiB |
| www.barcelona.cat/estatics-planol/v1.2/library/jquery.min.js | 34.6 KiB | 6.2 KiB |
Reduce unused rules from stylesheets and defer CSS not used for above-the-fold content to decrease bytes consumed by network activity. Learn how to reduce unused CSS.
Performance issues directly impact user engagement and conversion rates.
| URL | Transfer Size | Est Savings |
|---|---|---|
| com-shi-va.barcelona.cat/assets/index-62bfe776.css | 60.4 KiB | 58.5 KiB |
| /sites/default/files/css/css_gLBmp_m-rEIwWqgh5S_Io-deXfPw... | 50.3 KiB | 44.2 KiB |
| stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css | 23.5 KiB | 22.7 KiB |
| /sites/default/files/css/css_hTp6L0VyctdAuJfD89ldo3ubaJLP... | 17.6 KiB | 16.2 KiB |
| /sites/default/files/css/css_NVxUAN5GBkQ5RfJ8Z6b86bGToqLb... | 11.4 KiB | 10.5 KiB |
Reduce unused JavaScript and defer loading scripts until they are required to decrease bytes consumed by network activity. Learn how to reduce unused JavaScript.
Multi-megabyte JavaScript bundles delay every interactive feature on the page.
This is the Lighthouse audit fired when too much JS is shipped relative to what executes. The fix isn't a config flag — it requires bundle analysis (webpack-bundle-analyzer, rollup-plugin-visualizer), splitting routes into chunks, lazy-loading off-screen components, and removing unused dependencies. Fundamentally different from minification: minifying reduces byte count, this reduces what's downloaded at all.
Source: Google web.dev / Lighthouse
Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads helps with this. Learn how to minimize main-thread work
Performance issues directly impact user engagement and conversion rates.
| Category | Time Spent |
|---|---|
| Script Evaluation | 972 ms |
| Other | 559 ms |
| Style & Layout | 358 ms |
| Script Parsing & Compilation | 143 ms |
| Parse HTML & CSS | 78 ms |
| Garbage Collection | 54 ms |
| Rendering | 46 ms |
Many navigations are performed by going back to a previous page, or forwards again. The back/forward cache (bfcache) can speed up these return navigations. Learn more about the bfcache
Performance issues directly impact user engagement and conversion rates.
| Failure reason | Failure type |
|---|---|
| The page has an unload handler in a sub frame. | Actionable |
Minifying CSS files can reduce network payload sizes. Learn how to minify CSS.
Performance issues directly impact user engagement and conversion rates.
| URL | Transfer Size | Est Savings |
|---|---|---|
| www.barcelona.cat/estatics-planol/v1.2/widget/css/styles.css | 10.7 KiB | 3.6 KiB |
Large network payloads cost users real money and are highly correlated with long load times. Learn how to reduce payload sizes.
Performance issues directly impact user engagement and conversion rates.
Set an explicit width and height on image elements to reduce layout shifts and improve CLS. Learn how to set image dimensions
Performance issues directly impact user engagement and conversion rates.
| URL | |
|---|---|
li.w-100 > div.d-flex > div.ajuntament-actualitat-media > img.img-fluid li.w-100 > div.d-flex > div.ajuntament-actualitat-media > img.img-fluid | /wp-content/uploads/2026/04/07142055/250423_AF_AmbientDia... |
li.col-md-6 > article > div.ajuntament-guia-item-image > img li.col-md-6 > article > div.ajuntament-guia-item-image > img | estatics-nasia.dtibcn.cat/nasia-pro/media/film_fest.570x321.95a61c4a.jpg |
li.col-md-6 > article > div.ajuntament-guia-item-image > img li.col-md-6 > article > div.ajuntament-guia-item-image > img | estatics-nasia.dtibcn.cat/nasia-pro/media/Mishima.570x321.73f42630.jpg |
Logotip de l'Ajuntament de Barcelona div#lw-banner > div.lw-banner-wrapper > div.lw-banner-brand > img | /media/widgets/brands/19e3126d-e1c9-4f40-9e90-8d7c407ac1c... |
Logo Ajuntament de Barcelona div.bcnbrand-navs-container > div.bcnbrand-logo-main > a.plausible-event-name=barra-logo > img | www.barcelona.cat/assets/images/brand/banner/2025/logo-ajbcn.svg |
Barcelona City Council logo div#block-barcelonacat-theme-marcadellloc > div.container > div.barcelona-branding-logo > img | www.barcelona.cat/assets/images/brand/banner/2025/logo-ajbcn.svg |
Barcelona City Council logo div.container > nav#menu-footer > a > img | www.barcelona.cat/assetsdi/img/2025/logo-negre.svg |
More information about the performance of your application. These numbers don't directly affect the Performance score.
These checks highlight opportunities to improve the accessibility of your web app. Automatic detection can only detect a subset of issues and does not guarantee the accessibility of your web app, so manual testing is also encouraged.
When a `progressbar` element doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. Learn how to label `progressbar` elements.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
66.66666666666666% completed div.views-row > div#carousel-capcalera > div.footer-carousel-capcalera > div#progressbar-carousel-capcalera |
These are opportunities to improve the usage of ARIA in your application which may enhance the experience for users of assistive technology, like a screen reader.
Informative elements should aim for short, descriptive alternate text. Decorative elements can be ignored with an empty alt attribute. Learn more about the `alt` attribute.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
div.d-flex > div.ajuntament-actualitat-media > span.ajuntament-actualitat-yt-preview > img.img-fluid div.d-flex > div.ajuntament-actualitat-media > span.ajuntament-actualitat-yt-preview > img.img-fluid |
Screen reader users rely on frame titles to describe the contents of frames. Learn more about frame titles.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
section.region > div#block-barcelonacat-theme-iframetemps > p > iframe#i-temps section.region > div#block-barcelonacat-theme-iframetemps > p > iframe#i-temps |
section.region > div#block-bcn-block-42 > p > iframe#qualitat-aire-i section.region > div#block-bcn-block-42 > p > iframe#qualitat-aire-i |
div.destacat > div#block-barcelonacat-theme-comshiva > p > iframe div.destacat > div#block-barcelonacat-theme-comshiva > p > iframe |
div#node-119 > div > div#planol-screen > iframe#iframe-planol div#node-119 > div > div#planol-screen > iframe#iframe-planol |
These are opportunities to improve the semantics of the controls in your application. This may enhance the experience for users of assistive technology, like a screen reader.
A value greater than 0 implies an explicit navigation ordering. Although technically valid, this often creates frustrating experiences for users who rely on assistive technologies. Learn more about the `tabindex` attribute.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
Vés al contingut body.page-node-58 > a.visually-hidden |
These are opportunities to improve keyboard navigation in your application.
Visible text labels that do not match the accessible name can result in a confusing experience for screen reader users. Learn more about accessible names.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
Català
Selecciona un idioma div.bcnbrand-navs-wrapper > nav#bcnbrand-lang-nav > div#bcnbrand-lang-dropdown > button#bcnbrand-lang-toggle |
Deprecated APIs will eventually be removed from the browser. Learn more about deprecated APIs.
Performance issues directly impact user engagement and conversion rates.
| Deprecation / Warning | Source |
|---|---|
| Unload event listeners are deprecated and will be removed. | ajuntament.barcelona.cat/widgets/temps/v3/js/jquery-1.11.2.min.js line 1, col 8647 |
Errors logged to the console indicate unresolved problems. They can come from network request failures and other browser concerns. Learn more about this errors in console diagnostic audit
Performance issues directly impact user engagement and conversion rates.
| Source | Description |
|---|---|
Access to XMLHttpRequest at 'https://ajuntament.barcelona.cat/widgets/bcn-avisos/css/bcn-avisos.css' from origin 'https://www.barcelona.cat' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. | |
Access to XMLHttpRequest at 'https://ajuntament.barcelona.cat/widgets/bcn-avisos/css/v1/bcn-avisos.css' from origin 'https://www.barcelona.cat' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. | |
Failed to load resource: net::ERR_FAILED | |
Failed to load resource: net::ERR_FAILED | |
ajuntament.barcelona.cat/widgets/bcn-avisos/js/v1/bcn-avisos.js line 31, col 16 | No element with this id: ajuntament-avisos-header |
Source maps translate minified code to the original source code. This helps developers debug in production. In addition, Lighthouse is able to provide further insights. Consider deploying source maps to take advantage of these benefits. Learn more about source maps.
Performance issues directly impact user engagement and conversion rates.
These checks ensure that your page is following basic search engine optimization advice. There are many additional factors Lighthouse does not score here that may affect your search ranking, including performance on Core Web Vitals. Learn more about Google Search Essentials.
Informative elements should aim for short, descriptive alternate text. Decorative elements can be ignored with an empty alt attribute. Learn more about the `alt` attribute.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
div.d-flex > div.ajuntament-actualitat-media > span.ajuntament-actualitat-yt-preview > img.img-fluid div.d-flex > div.ajuntament-actualitat-media > span.ajuntament-actualitat-yt-preview > img.img-fluid |
Format your HTML in a way that enables crawlers to better understand your app’s content.
Send Feedback