C — https://pantone.com | BeaverCheck Audit

Site Health

Score: 73 / 100

Based on 8 categories, 0 sections

Decent speed, but optimizing further could improve engagement.

Good foundation, but a few gaps could be exploited.

Several issues make your site difficult for assistive technology users.

Solid SEO basics — a few optimizations could boost rankings.

Good server performance with room for optimization.

Mostly compliant — a few items need attention.

Missing metadata means poor previews on social media and search.

Reasonable footprint with room for optimization.

How is this calculated?

The overall score is a weighted average of individual category scores. Categories with more impact on user experience and security carry more weight.

Performance 25%Security 25%Accessibility 15%SEO 10%Infrastructure 10%Compliance 8%Content 5%Sustainability 2%

Weights reflect general web best practices. Individual needs may differ.

How the composite score is calculated

How you compare

Amazon Route 53 · 975 peers

You 73

Avg 72

At average

0 50 100

Better than 50% of Amazon Route 53 sites See full Amazon Route 53 benchmark →

Apollo · 44 peers

You 73

Avg 72

At average

0 50 100

Better than 43% of Apollo sites See full Apollo benchmark →

Top Priorities (5)

Content-Security-Policy header is missing

Security gaps expose your site and users to attacks, eroding trust.

Security › Security Headers

No Content-Security-Policy header found

Security gaps expose your site and users to attacks, eroding trust.

Security › Content Security Policy

No <main> landmark found

Accessibility issues exclude users with disabilities — up to 15% of your potential audience.

Accessibility › Landmark Structure

167 third-party resources (100% of weight)

Performance issues directly impact user engagement and conversion rates.

Performance › Page Weight Inventory

168 HTTP requests — consider bundling or reducing

Performance issues directly impact user engagement and conversion rates.

Performance › Page Weight Budget

View fix priority matrix

Fix Priority Matrix

5 findings

Impact

Quick Wins

High impact, low effort — start here.

Strategic

High impact, requires investment.

Easy Improvements

Small gains, minimal effort.

Nothing in this quadrant — good news.

Deprioritize

Low impact, high effort — do last.

Nothing in this quadrant — good news.

← Low effort High effort →

Embed this badge

Markdown

[![BeaverCheck](https://beavercheck.com/badge?url=https%3A%2F%2Fpantone.com)](https://beavercheck.com/results/e16dd55e-d79a-4f2b-9729-d5c192fdb52c)

HTML

<a href="https://beavercheck.com/results/e16dd55e-d79a-4f2b-9729-d5c192fdb52c"><img src="https://beavercheck.com/badge?url=https%3A%2F%2Fpantone.com" alt="BeaverCheck Score"></a>

Image URL

https://beavercheck.com/badge?url=https%3A%2F%2Fpantone.com

This badge auto-updates with your latest scan result.

What fixing these means

Your site performs reasonably well, but a few targeted fixes could meaningfully improve results. Your LCP of 18.6s exceeds Google's 2.5s 'Good' threshold and the 2 performance issues below directly contribute to it. Addressing the critical issues below would have the most immediate impact on your user trust.

2 security gaps detected — browsers may warn visitors about your site.

1 accessibility issue excludes users who rely on assistive technology.

Your LCP is 18.6s — fixing the 2 performance criticals could bring it under Google's 2.5s 'Good' threshold.

Conversion Barriers

3 critical 6 warning

9 barrier(s) likely increasing bounce by ~33%.

Speed (2)

Page takes 18.6s to load

+12% bounce

Users abandon at ~3s — you're 16.1s over the 2.5s threshold

Fix: Optimize render-blocking resources, preload the hero image, and compress images

Page feels frozen for 1.8s

+5% bounce

Clicks on the primary CTA are ignored while JavaScript runs

Fix: Break up long tasks; defer non-critical JavaScript to post-hydration

Trust (2)

No HSTS header

+1% bounce

Returning 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% bounce

Higher XSS blast radius — one compromised script can exfiltrate the checkout form

Fix: Ship a reporting-only CSP first, then enforce once violations are clean

Usability (1)

Severe layout shift during page load

+6% bounce

Users mis-click when content jumps — converting intent into frustration

Fix: Reserve space for images, ads, and embeds with explicit width/height

Content (3)

No Open Graph tags

+2% bounce

Links shared on LinkedIn / Slack / Facebook show bare URLs — referral clicks drop

Fix: Add og:title, og:description, og:image, og:url to the page head

No structured data

+2% bounce

No 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, …)

Thin content

+3% bounce

Under 300 words — visitors bounce looking for substance, search engines rank competitors first

Fix: Add a substantive FAQ, product detail, or case-study section

Navigation (1)

No skip-to-content link

+1% bounce

Keyboard 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.

Return on Investment

$650 investment → $0.51/month returns + USD 157,500 risk avoided

Payback period: > 2 years First-year ROI: -99%

Investment

$650

6h · 5 findings

Monthly returns

$0.51 /mo

~$6.15 / year

Bandwidth savings $0.51

Regulatory risk avoided

USD 157,500

if kept compliant

ADA Title III USD 150,000
CCPA/CPRA USD 7,500

$100 — 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.

Full methodology & sources

Estimated Remediation Cost

$650

6.5 developer hours at $100/hr

Based on United States rates ($100/hr)

Quick wins

$100 2 fixes in ~60 minutes

Start here for the best return on investment

Cost by category

Cost by effort level

Adjust assumptions

Custom rate

$ /hr

Rates reflect fully-loaded developer cost including overhead

How developer rates are sourced

What Inaction Is Costing You

$13,126 / month at risk

~$157,506 / year if left unfixed

Compliance Risk

$157,500

ADA Title IIICCPA/CPRA

No privacy policy link detected
CCPA/CPRA: USD 2,500 – USD 7,500
Trackers detected but no cookie policy found
CCPA/CPRA: USD 2,500 – USD 7,500
Trackers detected but no privacy policy found
CCPA/CPRA: USD 2,500 – USD 7,500

+5 more

Bandwidth Waste

$0.51 /mo

6409.3 MB/mo × 0.080 USD/GB

Optimize transfer: save ~641 KB per page load
Saves $0.51/mo

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.

Compliance methodology · SEO assumptions · Bandwidth model

Your performance is already good — improvements may show diminishing returns

Monthly visitors

Unique monthly visitors from your analytics

Conversion rate (%)

Purchases, signups, or key actions

Avg. order value

Optional — for revenue estimation

additional conversions/month

more engaged visitors from reduced bounce

potential monthly revenue

Current bounce (est.)

After fixes (est.)

Estimated bounce reduction

Fix 3 critical issues to capture this value

How this is calculated

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

Bounce-rate model & assumptions

Your data stays in your browser — nothing is sent to our servers

Was this report useful?

Thanks for your feedback!

We'll use a cached audit if available, or offer to scan.

Checking for existing audit...

Press ? for shortcuts

Lighthouse Scores

Industry-standard audits powered by Google Lighthouse.

Performance

Accessibility

Best Practices

SEO

Core Web Vitals

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.

8.79 s

Largest Contentful Paint Largest Contentful Paint — how long until the largest visible element loads. Under 2.5s is good.

18.58 s

Total Blocking Time Total Blocking Time — total time the main thread was blocked, preventing user input. Under 200ms is good.

1.83 s

Cumulative Layout Shift Cumulative Layout Shift — measures visual stability. How much the page layout shifts during loading. Under 0.1 is good.

0.456

Speed Index Speed Index — how quickly content is visually displayed during load. Under 3.4s is good.

16.05 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.

19.55 s

Detailed Report

Audit breakdown by category with detailed findings.

Performance

Insights

Remove large, duplicate JavaScript modules from bundles to reduce unnecessary bytes consumed by network activity.

Why this matters

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

Why this matters

Shipping ES5 transpiled code to modern browsers wastes bytes — every user with an evergreen browser pays for compatibility you don't need.

Learn more ▾

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.

Why this matters

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.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Request	Cache TTL	Transfer Size
cdn.cookielaw.org/scripttemplates/202603.1.0/otBannerSdk.js	86400.0 s	129.9 KiB
static.hotjar.com/c/hotjar-797391.js?sv=7	60.0 s	8.1 KiB
snap.licdn.com/li.lms-analytics/insight.min.js	86400.0 s	18.7 KiB
cdn.cookielaw.org/scripttemplates/otSDKStub.js	86400.0 s	9.1 KiB
/logos/c579c0d0-360f-49c0-bccc-f7b7cded31cd/baa864cc-43c3...	86400.0 s	3.2 KiB
cdn.cookielaw.org/logos/static/powered_by_logo.svg	86400.0 s	2.5 KiB
/collect?v=2&fmt=js&pid=552508&time=1776813311577&li_adsI...	0.0 ms	452 B

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.

Why this matters

Performance issues directly impact user engagement and conversion rates.

headings: [map[key:node label:Element subItemsHeading:map[key:extra] valueType:node] map[granularity:0.001 key:score label:Layout shift score subItemsHeading:map[key:cause valueType:text] valueType:numeric]]

items: [map[node:map[type:text value:Total] score:0.002123] map[score:0.002123 subItems:map[items:[map[cause:Unsized image element extra:map[boundingRect:map[bottom:6700 height:19 left:20 right:140 top:6681 width:120] lhId:page-15-IMG nodeLabel:Pantone Logo path:1,HTML,1,BODY,1,DIV,3,FOOTER,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,1,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,A,0,IMG selector:div.html_root__2M-Wn > div#footerLogos > a > img snippet:<img src="https://www.pantone.com/media/wysiwyg/logos/logo.png" alt="Pantone Logo" style="max-width: 6rem;"> type:node]]] type:subitems]]]

items: [map[node:map[type:text value:Total] score:0.455874] map[node:map[boundingRect:map[bottom:6013 height:4626 left:0 right:412 top:1387 width:412] lhId:page-3-DIV nodeLabel:Fashion, Home + Interiors Graphics + Digital Design Munsell Plastics Recognize… path:1,HTML,1,BODY,1,DIV,1,MAIN,3,DIV selector:body > div#root > main.pantone__sc-dfv9p6-0 > div.pantone__sc-x5v8fh-0 snippet:<div class="pantone__sc-x5v8fh-0 lfnvrj"> type:node] score:0.26846 subItems:map[items:[map[cause:Unsized image element extra:map[boundingRect:map[bottom:2388 height:222 left:10 right:402 top:2167 width:392] lhId:page-16-IMG nodeLabel:Pantone Color Institute - Behind the Scenes path:1,HTML,1,BODY,1,DIV,1,MAIN,3,DIV,0,DIV,3,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,FIGURE,0,A,0,PICTURE,0,IMG selector:figure.image_root__49gEI > a > picture > img.image_img__3FyIe snippet:<img class="image_img__3FyIe" srcset="/media/wysiwyg/pci/pantone-behind-the-scenes.webp?auto=webp&format=pjpg&qu…" src="/media/wysiwyg/pci/pantone-behind-the-scenes.webp?auto=webp&format=pjpg&qu…" alt="Pantone Color Institute - Behind the Scenes" loading="lazy"> type:node]]] type:subitems]] map[node:map[boundingRect:map[bottom:6013 height:4626 left:0 right:412 top:1387 width:412] lhId:page-3-DIV nodeLabel:Fashion, Home + Interiors Graphics + Digital Design Munsell Plastics Recognize… path:1,HTML,1,BODY,1,DIV,1,MAIN,3,DIV selector:body > div#root > main.pantone__sc-dfv9p6-0 > div.pantone__sc-x5v8fh-0 snippet:<div class="pantone__sc-x5v8fh-0 lfnvrj"> type:node] score:0.090209 subItems:map[items:[map[cause:Unsized image element extra:map[boundingRect:map[bottom:2388 height:222 left:10 right:402 top:2167 width:392] lhId:page-16-IMG nodeLabel:Pantone Color Institute - Behind the Scenes path:1,HTML,1,BODY,1,DIV,1,MAIN,3,DIV,0,DIV,3,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,FIGURE,0,A,0,PICTURE,0,IMG selector:figure.image_root__49gEI > a > picture > img.image_img__3FyIe snippet:<img class="image_img__3FyIe" srcset="/media/wysiwyg/pci/pantone-behind-the-scenes.webp?auto=webp&format=pjpg&qu…" src="/media/wysiwyg/pci/pantone-behind-the-scenes.webp?auto=webp&format=pjpg&qu…" alt="Pantone Color Institute - Behind the Scenes" loading="lazy"> type:node]]] type:subitems]] map[node:map[boundingRect:map[bottom:6013 height:5903 left:0 right:412 top:110 width:412] lhId:page-1-MAIN nodeLabel:BASED ON YOUR LOCATION WE HAVE DIRECTED YOU TO THE PANTONE HONG KONG WEBSITE - … path:1,HTML,1,BODY,1,DIV,1,MAIN selector:body > div#root > main.pantone__sc-dfv9p6-0 snippet:<main class="pantone__sc-dfv9p6-0 idqygE"> type:node] score:0.072904 subItems:map[items:[map[cause:Unsized image element extra:map[boundingRect:map[bottom:6700 height:19 left:20 right:140 top:6681 width:120] lhId:page-15-IMG nodeLabel:Pantone Logo path:1,HTML,1,BODY,1,DIV,3,FOOTER,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,1,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,A,0,IMG selector:div.html_root__2M-Wn > div#footerLogos > a > img snippet:<img src="https://www.pantone.com/media/wysiwyg/logos/logo.png" alt="Pantone Logo" style="max-width: 6rem;"> type:node]]] type:subitems]] map[node:map[boundingRect:map[bottom:6013 height:5903 left:0 right:412 top:110 width:412] lhId:page-1-MAIN nodeLabel:BASED ON YOUR LOCATION WE HAVE DIRECTED YOU TO THE PANTONE HONG KONG WEBSITE - … path:1,HTML,1,BODY,1,DIV,1,MAIN selector:body > div#root > main.pantone__sc-dfv9p6-0 snippet:<main class="pantone__sc-dfv9p6-0 idqygE"> type:node] score:0.024301 subItems:map[items:[map[cause:Unsized image element extra:map[boundingRect:map[bottom:6700 height:19 left:20 right:140 top:6681 width:120] lhId:page-15-IMG nodeLabel:Pantone Logo path:1,HTML,1,BODY,1,DIV,3,FOOTER,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,1,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,A,0,IMG selector:div.html_root__2M-Wn > div#footerLogos > a > img snippet:<img src="https://www.pantone.com/media/wysiwyg/logos/logo.png" alt="Pantone Logo" style="max-width: 6rem;"> type:node]]] type:subitems]]]

items: [map[node:map[type:text value:Total] score:0.064468] map[node:map[boundingRect:map[bottom:6013 height:4626 left:0 right:412 top:1387 width:412] lhId:page-3-DIV nodeLabel:Fashion, Home + Interiors Graphics + Digital Design Munsell Plastics Recognize… path:1,HTML,1,BODY,1,DIV,1,MAIN,3,DIV selector:body > div#root > main.pantone__sc-dfv9p6-0 > div.pantone__sc-x5v8fh-0 snippet:<div class="pantone__sc-x5v8fh-0 lfnvrj"> type:node] score:0.064468 subItems:map[items:[map[cause:Unsized image element extra:map[boundingRect:map[bottom:2388 height:222 left:10 right:402 top:2167 width:392] lhId:page-16-IMG nodeLabel:Pantone Color Institute - Behind the Scenes path:1,HTML,1,BODY,1,DIV,1,MAIN,3,DIV,0,DIV,3,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,FIGURE,0,A,0,PICTURE,0,IMG selector:figure.image_root__49gEI > a > picture > img.image_img__3FyIe snippet:<img class="image_img__3FyIe" srcset="/media/wysiwyg/pci/pantone-behind-the-scenes.webp?auto=webp&format=pjpg&qu…" src="/media/wysiwyg/pci/pantone-behind-the-scenes.webp?auto=webp&format=pjpg&qu…" alt="Pantone Color Institute - Behind the Scenes" loading="lazy"> type:node]]] type:subitems]]]

items: [map[node:map[type:text value:Total] score:0.000854] map[node:map[boundingRect:map[bottom:374 height:189 left:824 right:1236 top:185 width:412] lhId:page-9-DIV nodeLabel:Browse 15,000+ colors to find the perfect hue every time. GO TO COLOR FINDER path:1,HTML,1,BODY,1,DIV,1,MAIN,1,DIV,0,DIV,0,DIV,0,DIV,0,DIV,3,DIV,0,DIV,0,DIV,1,DIV,0,DIV,1,DIV selector:div.banner__item > div.overlay > div > div.row snippet:<div class="row slider-block colorfinder"> type:node] score:0.000854]]

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.

Why this matters

Performance issues directly impact user engagement and conversion rates.

headings: [map[key:source label:Top function call valueType:source-location] map[granularity:1 key:reflowTime label:Total reflow time valueType:ms]]

items: [map[reflowTime:2.705 source:map[column:172671 line:7 type:source-location url:https://cdn.cookielaw.org/scripttemplates/202603.1.0/otBannerSdk.js urlProvider:network]]]

headings: [map[key:source label:Source valueType:source-location] map[granularity:1 key:reflowTime label:Total reflow time valueType:ms]]

items: [map[reflowTime:28.171 source:map[type:text value:[unattributed]]] map[reflowTime:2.705 source:map[column:47215 line:8 type:source-location url:https://www.pantone.com/dist/js/2.8d0a873f.chunk.js urlProvider:network]]]

Reducing the download time of images can improve the perceived load time of the page and LCP. Learn more about optimizing image size

Why this matters

Performance issues directly impact user engagement and conversion rates.

	URL	Resource Size	Est Savings
FHI Color Guide, Limited Edition Color of the Year 2026 `a.thumbnail > div.sc-iBYQkv > div.lazyload-wrapper > img.sc-ftTHYK`	/media/catalog/product/c/o/coy-2026-fhi-guide-fhip110coy2...	61.4 KiB	46.1 KiB
Formula Guide, Limited Edition Pantone Color of the Year 2026 `a.thumbnail > div.sc-iBYQkv > div.lazyload-wrapper > img.sc-ftTHYK`	/media/catalog/product/c/o/coy-2026-formula-guide-gp1601b...	20.2 KiB	4.9 KiB

Each subpart has specific improvement strategies. Ideally, most of the LCP time should be spent on loading the resources, not within delays.

Why this matters

Performance issues directly impact user engagement and conversion rates.

headings: [map[key:label label:Subpart valueType:text] map[key:duration label:Duration valueType:ms]]

items: [map[duration:13.17 label:Time to first byte subpart:timeToFirstByte] map[duration:3723.285 label:Resource load delay subpart:resourceLoadDelay] map[duration:11.472 label:Resource load duration subpart:resourceLoadDuration] map[duration:39.794 label:Element render delay subpart:elementRenderDelay]]

lhId: page-0-IMG

nodeLabel: div > div.banner__item > a > img.pantone__sc-fsnmjb-3

path: 1,HTML,1,BODY,1,DIV,1,MAIN,1,DIV,0,DIV,0,DIV,0,DIV,0,DIV,1,DIV,0,DIV,0,DIV,0,A,0,IMG

selector: div > div.banner__item > a > img.pantone__sc-fsnmjb-3

snippet: <img src="https://www.pantone.com/media/aw_rbslider/slides/apac-oct-fhi-promo-mobile…" alt="" class="pantone__sc-fsnmjb-3 fnietG">

Optimize LCP by making the LCP image discoverable from the HTML immediately, and avoiding lazy-loading

Why this matters

Performance issues directly impact user engagement and conversion rates.

lhId: page-0-IMG

nodeLabel: div > div.banner__item > a > img.pantone__sc-fsnmjb-3

path: 1,HTML,1,BODY,1,DIV,1,MAIN,1,DIV,0,DIV,0,DIV,0,DIV,0,DIV,1,DIV,0,DIV,0,DIV,0,A,0,IMG

selector: div > div.banner__item > a > img.pantone__sc-fsnmjb-3

snippet: <img src="https://www.pantone.com/media/aw_rbslider/slides/apac-oct-fhi-promo-mobile…" alt="" class="pantone__sc-fsnmjb-3 fnietG">

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.

Why this matters

Performance issues directly impact user engagement and conversion rates.

URL	Transfer Size
www.pantone.com/dist/js/main.06385d3c.chunk.js	208.0 KiB
www.pantone.com/dist/js/client.2a086c25.chunk.js	149.3 KiB
www.pantone.com/dist/js/runtime.a7dfb88a.chunk.js	84.2 KiB
www.pantone.com/dist/js/runtime.a7dfb88a.chunk.js	0 B
www.pantone.com/dist/js/client.2a086c25.chunk.js	0 B
www.pantone.com/dist/js/main.06385d3c.chunk.js	0 B
www.pantone.com/dist/css/main.0b685b74.css	25.8 KiB
www.pantone.com/css/form.bundle.css	55.3 KiB
www.pantone.com/css/headless.bundle.css	15.6 KiB
www.pantone.com/dist/css/main.0b685b74.css	25.8 KiB
www.pantone.com/css/form.bundle.css	55.2 KiB
www.pantone.com/css/headless.bundle.css	15.6 KiB

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.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Estimated savings: 8.2 s

URL	Time Spent
pantone.com/	980 ms
www.pantone.com/	7.2 s
www.pantone.com/hk/en/	0.0 ms
www.pantone.com/hk/en/	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

Why this matters

Performance issues directly impact user engagement and conversion rates.

Element	Layout shift score
Fashion, Home + Interiors Graphics + Digital Design Munsell Plastics Recognize… `body > div#root > main.pantone__sc-dfv9p6-0 > div.pantone__sc-x5v8fh-0`	0.268
Fashion, Home + Interiors Graphics + Digital Design Munsell Plastics Recognize… `body > div#root > main.pantone__sc-dfv9p6-0 > div.pantone__sc-x5v8fh-0`	0.090
BASED ON YOUR LOCATION WE HAVE DIRECTED YOU TO THE PANTONE HONG KONG WEBSITE - … `body > div#root > main.pantone__sc-dfv9p6-0`	0.073
Fashion, Home + Interiors Graphics + Digital Design Munsell Plastics Recognize… `body > div#root > main.pantone__sc-dfv9p6-0 > div.pantone__sc-x5v8fh-0`	0.064
BASED ON YOUR LOCATION WE HAVE DIRECTED YOU TO THE PANTONE HONG KONG WEBSITE - … `body > div#root > main.pantone__sc-dfv9p6-0`	0.024
	0.002
Browse 15,000+ colors to find the perfect hue every time. GO TO COLOR FINDER `div.banner__item > div.overlay > div > div.row`	0.001

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.

Why this matters

Performance issues directly impact user engagement and conversion rates.

TTI

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.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Diagnostics

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.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Estimated savings: 1.4 s 114.1 KiB

URL	Transfer Size	Est Savings
www.pantone.com/css/form.bundle.css	55.0 KiB	55.0 KiB
www.pantone.com/dist/css/main.0b685b74.css	25.5 KiB	25.0 KiB
	21.9 KiB	19.1 KiB
www.pantone.com/css/headless.bundle.css	15.4 KiB	15.1 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.

Why this matters

Multi-megabyte JavaScript bundles delay every interactive feature on the page.

Learn more ▾

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

Estimated savings: 2.8 s 353.0 KiB

URL	Transfer Size	Est Savings
www.pantone.com/dist/js/main.06385d3c.chunk.js	207.7 KiB	93.8 KiB
cdn.cookielaw.org/scripttemplates/202603.1.0/otBannerSdk.js	129.7 KiB	69.1 KiB
www.googletagmanager.com/gtm.js?id=GTM-57ZPTXG	124.5 KiB	66.8 KiB
www.pantone.com/dist/js/client.2a086c25.chunk.js	149.0 KiB	62.0 KiB
script.hotjar.com/modules.6a0f3932cb1341a35c18.js	56.1 KiB	37.0 KiB
www.pantone.com/dist/js/runtime.a7dfb88a.chunk.js	84.0 KiB	24.3 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.

Why this matters

Performance issues directly impact user engagement and conversion rates.

URL	Total CPU Time	Script Evaluation	Script Parse
www.pantone.com/hk/en/	8.0 s	3.7 s	25 ms
www.pantone.com/dist/js/main.06385d3c.chunk.js	3.2 s	2.6 s	215 ms
Unattributable	2.0 s	360 ms	0.0 ms
js-agent.newrelic.com/nr-rum-1.313.1.min.js	896 ms	455 ms	34 ms
www.pantone.com/dist/js/14.0b650fd4.chunk.js	765 ms	544 ms	57 ms
www.pantone.com/dist/js/1.c3f6e6a3.chunk.js	494 ms	324 ms	33 ms
www.googletagmanager.com/gtm.js?id=GTM-57ZPTXG	404 ms	329 ms	48 ms
cdn.cookielaw.org/scripttemplates/202603.1.0/otBannerSdk.js	358 ms	212 ms	67 ms
script.hotjar.com/modules.6a0f3932cb1341a35c18.js	340 ms	276 ms	32 ms
www.pantone.com/dist/js/client.2a086c25.chunk.js	297 ms	84 ms	144 ms
www.pantone.com/dist/js/runtime.a7dfb88a.chunk.js	241 ms	92 ms	102 ms
www.pantone.com/dist/js/6.1a4ecef6.chunk.js	194 ms	133 ms	53 ms
www.pantone.com/dist/js/40.0f30538b.chunk.js	131 ms	80 ms	49 ms
/media/contentful/css/PantoneContentful.min.css?v=6135093...	111 ms	59 ms	0.0 ms
www.pantone.com/	82 ms	45 ms	16 ms
www.pantone.com/dist/js/85.b12fce03.chunk.js	59 ms	53 ms	3.5 ms
www.pantone.com/dist/js/2.8d0a873f.chunk.js	56 ms	4.2 ms	51 ms
cdn.cookielaw.org/scripttemplates/otSDKStub.js	56 ms	43 ms	3.9 ms
www.pantone.com/dist/css/main.0b685b74.css	53 ms	0.0 ms	0.0 ms
snap.licdn.com/li.lms-analytics/insight.min.js	53 ms	40 ms	8.0 ms

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

Why this matters

Performance issues directly impact user engagement and conversion rates.

Category	Time Spent
Script Evaluation	9.5 s
Other	4.8 s
Rendering	1.2 s
Script Parsing & Compilation	1.1 s
Style & Layout	1.0 s
Parse HTML & CSS	294 ms
Garbage Collection	280 ms

Set an explicit width and height on image elements to reduce layout shifts and improve CLS. Learn how to set image dimensions

Why this matters

Performance issues directly impact user engagement and conversion rates.

	URL
PANTONE 11-4201 Cloud Dancer: The Colour Palettes `div.post-description > div.post-ftimg-hld > a > img`	www.pantone.com/media/magefan_blog/coythumb_2.jpg
Design With Pantone Color of the Year 2026 `div.post-description > div.post-ftimg-hld > a > img`	www.pantone.com/media/magefan_blog/thumbbb_1.jpg
Pantone Introduces the Pantone Color of the Year 2026: PANTONE 11-4201 Cloud Da… `div.post-description > div.post-ftimg-hld > a > img`	www.pantone.com/media/magefan_blog/cd_thumb_1.jpg
Bon Iver x Pantone: The Story of a Musical Makeover Told in Color `div.post-description > div.post-ftimg-hld > a > img`	www.pantone.com/media/magefan_blog/bi_thumb_1.jpg
Pantone Connect `div.meet__connect > div.meet__img > div > img.d-block`	www.pantone.com/media/wysiwyg/pages/connect/widget2-features-pick-mobile.webp
Large Paper Swatches (TPG Sheets), Pantone Color of the Year 2025 17-1230TPG `a.thumbnail > div.sc-iBYQkv > div.lazyload-wrapper > img.sc-ftTHYK`	/media/catalog/product/l/a/large-paper-swatch-17-1230-tpg...
Formula Guide, Limited Edition Pantone Color of the Year 2026 `a.thumbnail > div.sc-iBYQkv > div.lazyload-wrapper > img.sc-ftTHYK`	/media/catalog/product/c/o/coy-2026-formula-guide-gp1601b...
FHI Color Guide, Limited Edition Color of the Year 2026 `a.thumbnail > div.sc-iBYQkv > div.lazyload-wrapper > img.sc-ftTHYK`	/media/catalog/product/c/o/coy-2026-fhi-guide-fhip110coy2...
FHI Color Guide, Limited Edition Color of the Year 2025 `a.thumbnail > div.sc-iBYQkv > div.lazyload-wrapper > img.sc-ftTHYK`	/media/catalog/product/f/h/fhip110coy25-color-of-the-year...
Cotton Swatch Cards, Pantone Color of the Year 2025 `a.thumbnail > div.sc-iBYQkv > div.lazyload-wrapper > img.sc-ftTHYK`	/media/catalog/product/s/w/swcd-tcx-color-of-the-year-202...
Pantone Color Institute - Behind the Scenes `figure.image_root__49gEI > a > picture > img.image_img__3FyIe`	/media/wysiwyg/pci/pantone-behind-the-scenes.webp?auto=we...
X-Rite Logo `div.column_root__1lYXu > div.html_root__2M-Wn > div#footerLogos > img`	www.pantone.com/media/wysiwyg/logos/xrite.png
Pantone Color Institute Logo `div.column_root__1lYXu > figure.image_root__49gEI > picture > img.image_img__3FyIe`	/media/wysiwyg/pci/pantone-color-institute-pci-logo.webp?...
Pantone Color Institute X Cadillac `div.column_root__1lYXu > figure.image_root__49gEI > picture > img.image_img__3FyIe`	/media/wysiwyg/pci/pantone-color-institute-cadillac-logo....
Pantone Color Institute X Lacoste `div.column_root__1lYXu > figure.image_root__49gEI > picture > img.image_img__3FyIe`	/media/wysiwyg/pci/pantone-color-institute-lacoste-logo.w...
Pantone Color Institute X Nickelodeon `div.column_root__1lYXu > figure.image_root__49gEI > picture > img.image_img__3FyIe`	/media/wysiwyg/pci/pantone-color-institute-nickelodeon-lo...
Pantone Color Institute X Afterpay `div.column_root__1lYXu > figure.image_root__49gEI > picture > img.image_img__3FyIe`	/media/wysiwyg/pci/pantone-color-institute-afterpay-logo....
Pantone Logo `div.html_root__2M-Wn > div#footerLogos > a > img`	www.pantone.com/media/wysiwyg/logos/logo.png

More information about the performance of your application. These numbers don't directly affect the Performance score.

●Document request latency

●Optimize DOM size

●Font display

●Modern HTTP

●Network dependency tree

●Optimize viewport for mobile

●Minify CSS

●Minify JavaScript

●Avoids enormous network payloads Total size was 2,086 KiB

●Avoid long main-thread tasks 20 long tasks found

●Avoid non-composited animations 3 animated elements found

●Page didn't prevent back/forward cache restoration

●Network Requests

●Network Round Trip Times 70 ms

●Server Backend Latencies 230 ms

●Tasks

●Diagnostics

●Metrics

●Screenshot Thumbnails

●Final Screenshot

●Script Treemap Data

●Resources Summary

●Initial server response time was short Root document took 0 ms

○INP breakdown

○User Timing marks and measures

Accessibility

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.

Contrast

Low-contrast text is difficult or impossible for many users to read. Learn how to provide sufficient color contrast.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Failing Elements
Extract `div.meet__nav > ul > li.meet__svg > span`
Convert `div.meet__nav > ul > li.meet__svg > span`
Measure `div.meet__nav > ul > li.meet__svg > span`
Color Story `div.meet__nav > ul > li.meet__svg > span`
Color Insider `div.meet__nav > ul > li.meet__svg > span`
PANTONE 11-4201 Cloud Dancer: The Colour Palettes `div.post-text-hld > div > div > h4`
Design With Pantone Color of the Year 2026 `div.post-text-hld > div > div > h4`
Pantone Introduces the Pantone Color of the Year 2026: PANTONE 11-4201 Cloud Da… `div.post-text-hld > div > div > h4`
Bon Iver x Pantone: The Story of a Musical Makeover Told in Color `div.post-text-hld > div > div > h4`

These are opportunities to improve the legibility of your content.

Internationalization and localization

Specifying a valid BCP 47 language helps screen readers announce text properly. Learn how to use the `lang` attribute.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Failing Elements
html `html`

These are opportunities to improve the interpretation of your content by users in different locales.

Names and labels

Link text (and alternate text for images, when used as links) that is discernible, unique, and focusable improves the navigation experience for screen reader users. Learn how to make links accessible.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Failing Elements
div.pantone__sc-1esd4hb-0 > div.in-notice > div.container > a.close `div.pantone__sc-1esd4hb-0 > div.in-notice > div.container > a.close`

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.

Best practices

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.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Failing Elements
GO TO COLOR FINDER `div.col-12 > div.slider-cta > button > a.button-anchor`
LEARN MORE `div.columnGroup_root__2mS-J > div.column_root__1lYXu > div.html_root__2M-Wn > button.pantone-btn`
LEARN MORE `div.column_root__1lYXu > div.html_root__2M-Wn > button.pantone-btn > a`
GET PANTONE CONNECT NOW `div.meet__connect > div.meet__nav > button.pantone-btn > a`

These items highlight common accessibility best practices.

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.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Failing Elements
GO TO COLOR FINDER `div.col-12 > div.slider-cta > button > a.button-anchor`
Join today `div.column_root__1lYXu > div.html_root__2M-Wn > p > a`
CAREERS `div > ul > li > a`
PRODUCT REGISTRATION `div > ul > li > a`
FOLLOW US `div.html_root__2M-Wn > div#footerSocial > p > a.noClick`
California Consumer Privacy Act `div.html_root__2M-Wn > div#footerCopyright > p > a`
Cookie 政策 `div#onetrust-group-container > div#onetrust-policy > div#onetrust-policy-text > a.ot-cookie-policy-link`

○Interactive controls are keyboard focusable

○Interactive elements indicate their purpose and state

○The page has a logical tab order

○Visual order on the page follows DOM order

○User focus is not accidentally trapped in a region

○The user's focus is directed to new content added to the page

○HTML5 landmark elements are used to improve navigation

○Offscreen content is hidden from assistive technology

○Custom controls have associated labels

○Custom controls have ARIA roles

●`[aria-*]` attributes match their roles

●`[aria-hidden="true"]` is not present on the document `<body>`

●`[role]`s have all required `[aria-*]` attributes

●Elements with an ARIA `[role]` that require children to contain a specific `[role]` have all required children.

●`[role]`s are contained by their required parent element

●`[role]` values are valid

●`[aria-*]` attributes have valid values

●`[aria-*]` attributes are valid and not misspelled

●Buttons have an accessible name

●Image elements have `[alt]` attributes

●`[user-scalable="no"]` is not used in the `<meta name="viewport">` element and the `[maximum-scale]` attribute is not less than 5.

●ARIA attributes are used as specified for the element's role

●Elements with `role="dialog"` or `role="alertdialog"` have accessible names.

●`[aria-hidden="true"]` elements do not contain focusable descendents

●Elements use only permitted ARIA attributes

●Document has a `<title>` element

●`<html>` element has a `[lang]` attribute

●Links are distinguishable without relying on color.

●Lists contain only `<li>` elements and script supporting elements (`<script>` and `<template>`).

●List items (`<li>`) are contained within `<ul>`, `<ol>` or `<menu>` parent elements

●No element has a `[tabindex]` value greater than 0

●Heading elements appear in a sequentially-descending order

●Document has a main landmark.

●Deprecated ARIA roles were not used

●All heading elements contain content.

○`[accesskey]` values are unique

○`button`, `link`, and `menuitem` elements have accessible names

○ARIA input fields have accessible names

○ARIA `meter` elements have accessible names

○ARIA `progressbar` elements have accessible names

○Elements with the `role=text` attribute do not have focusable descendents.

○ARIA toggle fields have accessible names

○ARIA `tooltip` elements have accessible names

○ARIA `treeitem` elements have accessible names

○The page contains a heading, skip link, or landmark region

○`<dl>`'s contain only properly-ordered `<dt>` and `<dd>` groups, `<script>`, `<template>` or `<div>` elements.

○Definition list items are wrapped in `<dl>` elements

○ARIA IDs are unique

○No form fields have multiple labels

○`<frame>` or `<iframe>` elements have a title

○`<html>` element has an `[xml:lang]` attribute with the same base language as the `[lang]` attribute.

○Input buttons have discernible text.

○`<input type="image">` elements have `[alt]` text

○Form elements have associated labels

○The document does not use `<meta http-equiv="refresh">`

○`<object>` elements have alternate text

○Select elements have associated label elements.

○Skip links are focusable.

○Cells in a `<table>` element that use the `[headers]` attribute refer to table cells within the same table.

○`<th>` elements and elements with `[role="columnheader"/"rowheader"]` have data cells they describe.

○`[lang]` attributes have a valid value

○`<video>` elements contain a `<track>` element with `[kind="captions"]`

○Tables have different content in the summary attribute and `<caption>`.

○Uses ARIA roles only on compatible elements

○Image elements do not have `[alt]` attributes that are redundant text.

○Identical links have the same purpose.

○Tables use `<caption>` instead of cells with the `[colspan]` attribute to indicate a caption.

○`<td>` elements in a large `<table>` have one or more table headers.

Best Practices

User Experience

Image natural dimensions should be proportional to the display size and the pixel ratio to maximize image clarity. Learn how to provide responsive images.

Why this matters

Performance issues directly impact user engagement and conversion rates.

	URL	Displayed size	Actual size	Expected size
Formula Guide, Limited Edition Pantone Color of the Year 2026 `a.thumbnail > div.sc-iBYQkv > div.lazyload-wrapper > img.sc-ftTHYK`	/media/catalog/product/c/o/coy-2026-formula-guide-gp1601b...	307 x 307	307 x 307	461 x 461
Large Paper Swatches (TPG Sheets), Pantone Color of the Year 2025 17-1230TPG `a.thumbnail > div.sc-iBYQkv > div.lazyload-wrapper > img.sc-ftTHYK`	/media/catalog/product/l/a/large-paper-swatch-17-1230-tpg...	307 x 307	307 x 307	461 x 461

General

Deprecated APIs will eventually be removed from the browser. Learn more about deprecated APIs.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Deprecation / Warning	Source
AttributionReporting	snap.licdn.com/li.lms-analytics/insight.min.js

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.

Why this matters

Performance issues directly impact user engagement and conversion rates.

URL
www.pantone.com/dist/js/main.06385d3c.chunk.js
www.pantone.com/dist/js/main.06385d3c.chunk.js

●Uses HTTPS

●Avoids third-party cookies

●Allows users to paste into input fields

●Avoids requesting the geolocation permission on page load

●Avoids requesting the notification permission on page load

●Displays images with correct aspect ratio

●Page has the HTML doctype

●Properly defines charset

●No browser errors logged to the console

●No issues in the `Issues` panel in Chrome Devtools

●Ensure CSP is effective against XSS attacks

●Use a strong HSTS policy

●Ensure proper origin isolation with COOP

●Mitigate DOM-based XSS with Trusted Types

●Detected JavaScript libraries

○Redirects HTTP traffic to HTTPS

○Mitigate clickjacking with XFO or CSP

SEO

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.

Content Best Practices

Meta descriptions may be included in search results to concisely summarize page content. Learn more about the meta description.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Format your HTML in a way that enables crawlers to better understand your app’s content.

Crawling and Indexing

Search engines may use `href` attributes on links to crawl websites. Ensure that the `href` attribute of anchor elements links to an appropriate destination, so more pages of the site can be discovered. Learn how to make links crawlable

Why this matters

Performance issues directly impact user engagement and conversion rates.

Uncrawlable Link
Click to Learn about PantoneLIVE `div.nav__box > div.nav__link > div.nav__column > a`

To appear in search results, crawlers need access to your app.

○Structured data is valid

●Page isn’t blocked from indexing

●Document has a `<title>` element

●Page has successful HTTP status code

●Links have descriptive text

●robots.txt is valid

●Image elements have `[alt]` attributes

●Document has a valid `hreflang`

●Document has a valid `rel=canonical`

Desktop audit not available for this result.

Results for https://pantone.com

Site Health

How you compare

Top Priorities (5)

Fix Priority Matrix

Quick Wins

Strategic

Easy Improvements

Deprioritize

What fixing these means

Conversion Barriers

Speed (2)

Trust (2)

Usability (1)

Content (3)

Navigation (1)

Return on Investment

Investment

Monthly returns

Regulatory risk avoided

Estimated Remediation Cost

Cost by category

Cost by effort level

What Inaction Is Costing You

Compliance Risk

Bandwidth Waste

Lighthouse Scores

Core Web Vitals

Detailed Report

Performance

Insights

Diagnostics

Accessibility

Contrast

Internationalization and localization

Names and labels

Best practices

Best Practices

User Experience

General

SEO

Content Best Practices

Crawling and Indexing

Keyboard Shortcuts