Audit Result
UUID: 019db8a1-dfa6-7370-8a58-dd1e5ba2e11b
https://gradientbuttons.colorion.co/
Scanned 4 months ago
Meta Information
-
Title Tag Pass
Found 45 characters. Length is optimal.
-
Meta Description Warning
Found 62 characters. Keep description around 70-160 characters.
Fix: Add <meta name="description" content="..."> in <head> with a clear page summary.
-
Canonical URL Pass
Canonical found: https://gradientbuttons.colorion.co/
-
-
Viewport Meta Pass
Viewport configured: width=device-width, initial-scale=1
-
HTML Lang Pass
Language declared as "en".
Content Structure
-
H1 Tag Pass
Exactly one H1 found: "CSS Gradient Buttons".
-
Heading Hierarchy Warning
Detected 1 heading level jumps.
- • Skipped from h1 to h3: "CSS Gradient Buttons" -> "Sea Blue".
Fix: Follow semantic order (h1 -> h2 -> h3) and avoid skipping heading levels.
-
Image Alt Text Pass
All 955 images include alt text.
Technical Optimization
-
HTTPS Pass
Page is served over HTTPS.
-
HSTS & HTTPS Redirect Warning
2 HTTPS hardening issues detected.
- • Missing Strict-Transport-Security header.
- • Could not probe the HTTP version of this page.
Fix: Set Strict-Transport-Security with a long max-age, add includeSubDomains, and redirect all HTTP requests to HTTPS.
-
Security Headers Warning
Missing: strict-transport-security, content-security-policy, x-frame-options, x-content-type-options, referrer-policy.
Full HTTP headers (13)
- • access-control-allow-origin: *
- • age: 122234
- • alt-svc: h3=":443"; ma=86400
- • cache-control: public, max-age=0, s-maxage=2592000
- • cf-cache-status: HIT
- • cf-ray: 9f0a2db0cb48ea36-IAD
- • content-encoding: gzip
- • content-type: text/html
- • date: Thu, 23 Apr 2026 04:38:24 GMT
- • last-modified: Tue, 24 Mar 2026 17:43:04 GMT
- • server: cloudflare
- • svid: c71658c91a563b6eecb908383a7b420cdd09fafe4ce3bfc40d7521e9c0af5793fea38ccce83318b0433edc51ce50e3ab8481cb4ffde1bab9cc5aa140893b9acadffca6fb0c1723e9c67fa77c708e7cd70442881b80b89d1a8a534d10650514c9d470193264142d8a4d60631fd0976e15e84be4a69a0db4f57cb5b163d0f5bc80575e37d50d54b3169306014ca2bf6cb4f42ec239e298496d3ba77c074666b2b651e5bfdf93dd091e0dc000550381e77cffff13acb309136f39a9248cb9508cb53ab0740cb4e78a286959c3ed52230a25cd7979d7420363aa3b80925e35e3033578d834
- • vary: Accept-Encoding
Fix: Add the missing security headers at your reverse proxy or application layer.
-
CSP Quality Warning
Content-Security-Policy header is missing.
- • Missing Content-Security-Policy header.
Fix: Define a restrictive Content-Security-Policy and avoid unsafe directives such as unsafe-inline and unsafe-eval.
-
Cookie Security Pass
No first-party cookies were set during the initial page load.
-
Server response headers do not expose version tokens.
-
Cloudflare Proxy Pass
Domain appears to be behind Cloudflare.
- • server: cloudflare
- • cf-cache-status: HIT
- • cf-ray: 9f0a2db0cb48ea36-IAD
-
Perceived Load Time Pass
Loaded in 0.72s (perceived).
-
Render Blocking Resources Warning
0 scripts and 2 styles may block rendering.
- • style: https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap
- • style: https://gradientbuttons.colorion.co/_astro/_slug_.CDk2-ieP.css
Fix: Defer non-critical scripts and inline critical CSS to improve first paint speed.
-
Compression Warning
1 text resources look uncompressed.
- • https://plausible.elerion.com/js/pa-0lvPIvezt5VtqoXLmwZXd.js (application/javascript)
Fix: Enable Brotli or Gzip compression for HTML, CSS, JS, and JSON responses.
-
Robots.txt Pass
Found robots.txt (200).
-
Sitemap File Pass
Found sitemap (200) at https://gradientbuttons.colorion.co/sitemap-index.xml.
-
Crawl Directives Pass
Robots meta found: index,follow,max-image-preview:large
Accessibility Basics
-
Form Labels Pass
All 1 controls are labeled.
-
Landmarks Pass
Header, nav, main, and footer landmarks are present.
-
Tap Target Size Warning
23 interactive elements appear smaller than 48px.
- • a.flex.items-center (G Gradient Buttons) - 227x36px
- • a.inline-flex.h-9 (2 Color Combinations) - 164x36px
- • a.inline-flex.h-9 (Colorion) - 77x36px
- • a.inline-flex.h-9 (Material) - 77x36px
- • button.absolute.right-2 (Close sponsored popup) - 24x24px
- • button.pc-btn (Like Sea Blue) - 32x32px
- • button.pc-btn.plausible-event-name=Copy+Click (Copy Sea Blue CSS) - 32x32px
- • button.pc-exp (Show code) - 105x30px
- • button.pc-exp.plausible-event-name=Copy+Click (Copy CSS) - 100x30px
- • button.pc-btn (Like Nimvelo) - 32x32px
- • button.pc-btn.plausible-event-name=Copy+Click (Copy Nimvelo CSS) - 32x32px
- • button.pc-exp (Show code) - 105x30px
- • button.pc-exp.plausible-event-name=Copy+Click (Copy CSS) - 100x30px
- • button.pc-btn (Like Hazel) - 32x32px
- • button.pc-btn.plausible-event-name=Copy+Click (Copy Hazel CSS) - 32x32px
- • button.pc-exp (Show code) - 105x30px
- • button.pc-exp.plausible-event-name=Copy+Click (Copy CSS) - 100x30px
- • button.pc-btn (Like Noon to Dusk) - 32x32px
- • button.pc-btn.plausible-event-name=Copy+Click (Copy Noon to Dusk CSS) - 32x32px
- • button.pc-exp (Show code) - 105x30px
- • button.pc-exp.plausible-event-name=Copy+Click (Copy CSS) - 100x30px
- • button.pc-btn (Like YouTube) - 32x32px
- • button.pc-btn.plausible-event-name=Copy+Click (Copy YouTube CSS) - 32x32px
Fix: Increase target size to at least 48x48 CSS pixels for touch interactions.
Social & Rich Results
-
Open Graph Basics Pass
Core Open Graph tags are present.
-
-
Twitter Card Pass
twitter:card set to summary_large_image.
-
Structured Data Pass
JSON-LD schema detected.
-
PWA Metadata Warning
Manifest or Apple touch icon is missing.
Fix: Link your web app manifest and apple-touch-icon for improved install/share experiences.
-
Social preview metadata and image quality look good for Open Graph/Twitter.
- • GUIDELINE: Optimal og:title length: 40-60 characters (acceptable: 10-70).
- • GUIDELINE: Optimal og:description length: 110-160 characters (acceptable: 50-200).
- • GUIDELINE: Optimal preview image size: 1200x630 pixels.
- • GUIDELINE: Optimal preview image aspect ratio: 1.91:1.
- • GUIDELINE: Optimal preview image file size: under 5 MB.
- • GUIDELINE: Recommended twitter:card: summary_large_image.
- • MEASURED: Image size: 0.08 MB
- • MEASURED: Image dimensions: 1200x630
Links Analysis
-
Internal Links Pass
Checked 80 links. No broken internal links found.
-
External Links Pass
No broken external links found in checked URLs.
-
Link Format Pass
All 261 links use non-empty href values.
Performance & Runtime
-
Core Web Vitals: LCP Pass
Largest Contentful Paint: 0.72s.
-
Core Web Vitals: CLS Pass
Cumulative Layout Shift: 0.005.
-
Total Blocking Time estimate: 56ms.
-
Broken Assets Pass
No failed CSS/JS/image/font/media requests detected.
-
No console/page runtime errors detected during audit.