Audit Result

UUID: 019ed3bd-32e2-7327-b97a-aea6ad947994

Share on X Recheck Back to history
cssnippets.shefali.dev

https://cssnippets.shefali.dev/

Scanned 1 month ago

85
Excellent Score
39 total checks
Passed
27
Warnings
12
Errors
0

Meta Information

  • Title Tag Pass

    Found 60 characters. Length is optimal.

  • Meta Description Pass

    Found 146 characters. Good snippet length.

  • Canonical URL Warning

    Canonical link not found.

    Fix: Add <link rel="canonical" href="https://example.com/page"> to avoid duplicate URL ambiguity.

  • Favicon Pass

    Favicon found and reachable: favicon.ico (HTTP 200).

    Favicon
  • 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 Snippets & Tailwind Components".

  • Heading Hierarchy Pass

    Valid heading flow across 39 headings.

  • Image Alt Text Pass

    All 10 images include alt text.

Technical Optimization

  • HTTPS Pass

    Page is served over HTTPS.

  • HSTS & HTTPS Redirect Warning

    1 HTTPS hardening issues detected.

    • • Could not probe the HTTP version of this page.
    • • Strict-Transport-Security: max-age=31536000; includeSubDomains; preload

    Fix: Set Strict-Transport-Security with a long max-age, add includeSubDomains, and redirect all HTTP requests to HTTPS.

  • Security Headers Pass

    Core security headers were detected.

    Full HTTP headers (18)
    • • accept-ranges: bytes
    • • alt-svc: h3=":443"; ma=2592000, h3-29=":443"; ma=2592000, h3-Q050=":443"; ma=2592000, h3-Q046=":443"; ma=2592000, h3-Q043=":443"; ma=2592000, quic=":443"; ma=2592000; v="43,46"
    • • content-encoding: br
    • • content-length: 1024
    • • content-security-policy: upgrade-insecure-requests
    • • content-type: text/html
    • • date: Wed, 17 Jun 2026 04:00:47 GMT
    • • etag: "c9b-6a3110cd-a35f6244fab65d0e;br"
    • • last-modified: Tue, 16 Jun 2026 09:01:01 GMT
    • • panel: hpanel
    • • permissions-policy: camera=(), microphone=(), geolocation=(), interest-cohort=()
    • • platform: hostinger
    • • referrer-policy: strict-origin-when-cross-origin
    • • server: LiteSpeed
    • • strict-transport-security: max-age=31536000; includeSubDomains; preload
    • • vary: Accept-Encoding
    • • x-content-type-options: nosniff
    • • x-frame-options: SAMEORIGIN
  • CSP Quality Warning

    3 CSP hardening issues detected.

    • • CSP is missing object-src 'none'.
    • • CSP is missing a base-uri restriction.
    • • CSP is missing frame-ancestors protection.
    • • Content-Security-Policy: upgrade-insecure-requests

    Fix: Tighten Content-Security-Policy by removing unsafe directives and adding object-src, base-uri, and frame-ancestors restrictions.

  • Cookie Security Pass

    No first-party cookies were set during the initial page load.

  • Server Version Disclosure Pass

    Server response headers do not expose version tokens.

  • Cloudflare Proxy Warning

    Domain does not appear to be behind Cloudflare.

  • Perceived Load Time Pass

    Loaded in 0.92s (perceived).

  • Render Blocking Resources Warning

    1 scripts and 2 styles may block rendering.

    • • script: https://cdn.paddle.com/paddle/v2/paddle.js
    • • style: https://cssnippets.shefali.dev/assets/index-Deqe6MsA.css
    • • style: https://cdn.paddle.com/paddle/v2/assets/css/paddle.css

    Fix: Defer non-critical scripts and inline critical CSS to improve first paint speed.

  • Compression Pass

    Text-like assets appear compressed.

  • Robots.txt Pass

    Found robots.txt (200).

  • Sitemap File Pass

    Found sitemap (200) at https://cssnippets.shefali.dev/sitemap.xml.

  • Crawl Directives Pass

    Robots meta found: index, follow

Accessibility Basics

  • Form Labels Pass

    All 0 controls are labeled.

  • Landmarks Warning

    Missing landmarks: main.

    Fix: Use semantic regions (<header>, <nav>, <main>, <footer>) for navigation and assistive tech.

  • Tap Target Size Warning

    24 interactive elements appear smaller than 48px.

    • • button.bg-transparent.open-sidebar-button - 48x40px
    • • a.flex.items-center (Button Snippets) - 230x40px
    • • a.flex.items-center (Box-shadow Snippets) - 230x40px
    • • a.flex.items-center (Card Snippets) - 230x40px
    • • a.flex.items-center (Checkbox Snippets) - 230x40px
    • • a.flex.items-center (Dropdown Snippets) - 230x40px
    • • a.flex.items-center (Forms Snippets) - 230x40px
    • • a.flex.items-center (Hamburger Snippets) - 230x40px
    • • a.flex.items-center (Input-fields Snippets) - 230x40px
    • • a.flex.items-center (Loading-spinner Snippets) - 230x40px
    • • a.flex.items-center (Masonry Snippets) - 230x40px
    • • a.flex.items-center (Radio Snippets) - 230x40px
    • • a.flex.items-center (Text Snippets) - 230x40px
    • • a.flex.items-center (Toggle Switches Snippets) - 230x40px
    • • a.flex.items-center (Learn CSS Animations) - 230x40px
    • • button#radix-_r_k_.flex.items-center (Other Projects) - 123x24px
    • • a (About) - 131x20px
    • • a (Blog) - 131x20px
    • • a (Pricing) - 131x20px
    • • a (SignUp) - 131x20px
    • • a (SignIn) - 131x20px
    • • a (CSS Box Shadow Generator) - 131x40px
    • • a (CSS Border Radius Generator) - 131x40px
    • • a (CSS Text Shadow Generator) - 131x40px

    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.

  • Open Graph Image Warning

    og:image exists but is not an absolute URL.

    Fix: Use an absolute URL in <meta property="og:image">.

  • Twitter Card Pass

    twitter:card set to socialmedia.webp.

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

  • Open Graph/Twitter Quality Warning

    2 social preview quality issues detected.

    • • ISSUE: Use an absolute URL for og:image or twitter:image.
    • • ISSUE: twitter:card should be summary_large_image for richer previews.
    • • 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.

    Fix: Use absolute OG/Twitter URLs, keep metadata lengths in recommended ranges, and provide a preview image near 1200x630 under 5MB.

Links Analysis

  • Internal Links Pass

    Checked 46 links. No broken internal links found.

  • External Links Warning

    1 external links returned errors or timed out.

    • • https://medium.com/@dev.shefali7 (HTTP 403)

    Fix: Replace dead external URLs or point to working alternatives.

  • Link Format Warning

    33 links are empty, invalid, or placeholder-only.

    • • href="(empty)" text="Button Snippets"
    • • href="(empty)" text="Box-shadow Snippets"
    • • href="(empty)" text="Card Snippets"
    • • href="(empty)" text="Checkbox Snippets"
    • • href="(empty)" text="Dropdown Snippets"
    • • href="(empty)" text="Forms Snippets"
    • • href="(empty)" text="Hamburger Snippets"
    • • href="(empty)" text="Input-fields Snippets"
    • • href="(empty)" text="Loading-spinner Snippets"
    • • href="(empty)" text="Masonry Snippets"
    • • href="(empty)" text="Radio Snippets"
    • • href="(empty)" text="Text Snippets"
    • • href="(empty)" text="Toggle Switches Snippets"
    • • href="(empty)" text="Learn CSS Animations"
    • • href="(empty)" text="Become a Sponsor"
    • • href="(empty)" text="About"
    • • href="(empty)" text="Tools"
    • • href="(empty)" text="Blog"
    • • href="(empty)" text="Pricing"
    • • href="(empty)" text="SignUp"
    • • href="(empty)" text="SignIn"
    • • href="(empty)" text="About"
    • • href="(empty)" text="Blog"
    • • href="(empty)" text="Pricing"
    • • href="(empty)" text="SignUp"
    • • href="(empty)" text="SignIn"
    • • href="(empty)" text="CSS Box Shadow Generator"
    • • href="(empty)" text="CSS Border Radius Generator"
    • • href="(empty)" text="CSS Text Shadow Generator"
    • • href="(empty)" text="CSS Claymorphism Generator"
    • • href="(empty)" text="CSS Gradient Background Generator"
    • • href="(empty)" text="Privacy Policy"
    • • href="(empty)" text="Terms & Conditions"

    Fix: Replace empty/#/javascript href values with real destinations or use buttons for non-navigation actions.

Performance & Runtime