Audit Result

UUID: 01a16cc2-48b3-70de-9907-223216c79149

sugr.pages.dev

https://sugr.pages.dev/

Scanned 3 days ago

69
Fair Score
39 total checks
Passed
18
Warnings
18
Errors
3

Meta Information

  • Title Tag Warning

    Found 16 characters. Keep title between 30 and 60 characters.

    Fix: Add a unique <title> tag describing the main page intent in 30-60 characters.

  • Missing meta description.

    Fix: Add <meta name="description" content="..."> in <head> with a clear page summary.

  • 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: assets/icons/sugr-logo.svg (HTTP 200).

    Favicon
  • Viewport configured: width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no

  • HTML Lang Pass

    Language declared as "zh-CN".

Content Structure

  • H1 Tag Pass

    Exactly one H1 found: "Sugr素格".

  • Detected 1 heading level jumps.

    • • Skipped from h1 to h3: "Sugr素格" -> "画布".

    Fix: Follow semantic order (h1 -> h2 -> h3) and avoid skipping heading levels.

  • 31 of 69 images are missing alt text.

    Fix: Add meaningful alt attributes to all informative images for accessibility and image SEO.

Technical Optimization

  • HTTPS Pass

    Page is served over HTTPS.

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

  • Missing: strict-transport-security, content-security-policy, x-frame-options.

    Full HTTP headers (12)
    • • access-control-allow-origin: *
    • • alt-svc: h3=":443"; ma=86400
    • • cache-control: public, max-age=0, must-revalidate
    • • cf-ray: a4f72e6e09a07137-IAD
    • • content-encoding: br
    • • content-type: text/html; charset=utf-8
    • • date: Sat, 24 Oct 2026 07:13:52 GMT
    • • nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
    • • referrer-policy: strict-origin-when-cross-origin
    • • report-to: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=F%2Fqx5OK2Io71k2yL8kR7O0SMqIqiSLzrNy%2BkLE%2BLT9Y%2BS4B5DvUwVdH5eJaZ%2Bi%2FQDrxyd3cPqNCXDyAVV8wpXE%2BnFXtlRSCVQon0KfZ1%2FWfcY98PFz0cEArDN3XhN7AoXT6uR8HGIro1gqD1dQ%3D%3D"}]}
    • • server: cloudflare
    • • x-content-type-options: nosniff

    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.

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

  • Server response headers do not expose version tokens.

  • Domain appears to be behind Cloudflare.

    • • server: cloudflare
    • • cf-ray: a4f72e6e09a07137-IAD
  • Loaded in 0.34s (perceived).

  • 0 scripts and 1 styles may block rendering.

    • • style: https://sugr.pages.dev/assets/css/style.css

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

  • Text-like assets appear compressed.

  • Robots.txt Pass

    Found robots.txt (200).

  • Found sitemap (200) at https://sugr.pages.dev/sitemap.xml.

  • No robots meta tag defined.

    Fix: Add <meta name="robots" content="index,follow"> (or the intended directive) in <head>.

Accessibility Basics

  • Form Labels Error

    6 of 27 controls are missing labels.

    • • textarea#svgCode (svgCode)
    • • input[type="range"]#strokeWidth.shape-legacy-control (strokeWidth)
    • • input[type="checkbox"]#shapeFill.shape-legacy-control (shapeFill)
    • • input[type="file"]#imageImportInput.file-input-hidden (imageImportInput)
    • • input[type="file"]#projectFileInput.file-input-hidden (projectFileInput)
    • • input[type="file"]#referenceImageInput.file-input-hidden (referenceImageInput)

    Fix: Associate each form control with a visible label, aria-label, or aria-labelledby.

  • Landmarks Warning

    Missing landmarks: main.

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

  • Tap Target Size Warning

    25 interactive elements appear smaller than 48px.

    • • button#headerMenuToggle.icon-action-button.header-menu-button (菜单) - 24x24px
    • • button.size-picker-toggle (画布宽度预设) - 26x26px
    • • button.size-picker-toggle (画布高度预设) - 26x26px
    • • button#canvasAspectLock.active.size-lock-button (锁定宽高比例) - 28x28px
    • • button#mergeVisibleLayers.icon-action-button (合并可见图层) - 24x24px
    • • button#duplicateLayer.icon-action-button (复制图层) - 24x24px
    • • button#importImage.icon-action-button (导入图片) - 24x24px
    • • button#addLayer.icon-action-button (添加图层) - 24x24px
    • • button.layer-delete (删除图层) - 20x20px
    • • button#clearCanvas.icon-action-button (清空当前图层) - 24x24px
    • • button#layerSimplifyButton.icon-action-button (简化当前图层颜色) - 24x24px
    • • button#downloadPng.action-button.split-button-main (下载 PNG) - 205x30px
    • • button#downloadToggle.action-button.split-button-toggle - 32x30px
    • • button#exportStyledShare.action-button.export-share-button (风格化分享) - 237x30px
    • • button#downloadSvg.action-button (下载 SVG) - 116x30px
    • • button#copyVector.action-button (复制 SVG) - 116x30px
    • • button.tool-button.active (画笔(B)) - 40x40px
    • • button.tool-button (直线(L)) - 40x40px
    • • button.tool-button (轮廓矩形(R)) - 40x40px
    • • button.tool-button (实心矩形) - 40x40px
    • • button.tool-button (轮廓圆(O)) - 40x40px
    • • button.tool-button (实心圆) - 40x40px
    • • button.tool-button (橡皮擦(E)) - 40x40px
    • • button.tool-button (吸管(I)) - 40x40px
    • • button.tool-button (油漆桶(G)) - 40x40px

    Fix: Increase target size to at least 48x48 CSS pixels for touch interactions.

Social & Rich Results

  • Missing og:title or og:description.

    Fix: Add og:title and og:description tags to control social preview text.

  • og:image is missing.

    Fix: Add <meta property="og:image" content="https://..."> with a high-quality share image.

  • Twitter Card Warning

    twitter:card is missing.

    Fix: Add <meta name="twitter:card" content="summary_large_image"> for better previews on X.

  • Structured Data Warning

    No JSON-LD schema scripts found.

    Fix: Add JSON-LD structured data matching your page type (Organization, Article, Product, etc.).

  • Manifest and Apple touch icon are configured.

  • 5 social preview quality issues detected.

    • • ISSUE: og:url should be an absolute URL.
    • • ISSUE: og:title should typically be between 10 and 70 characters.
    • • ISSUE: og:description should typically be between 50 and 200 characters.
    • • ISSUE: Use an absolute URL for og:image or twitter:image.
    • • ISSUE: twitter:card is missing.
    • • 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

Performance & Runtime

  • Largest Contentful Paint: 0.90s.

  • Cumulative Layout Shift: 0.171.

    Fix: Reserve space for images/ads and avoid injecting layout-changing elements above existing content.

  • Total Blocking Time estimate: 288ms.

    Fix: Reduce heavy JavaScript work, split long tasks, and defer non-critical scripts.

  • No failed CSS/JS/image/font/media requests detected.

  • 2 JavaScript runtime issues detected.

    • • Cannot read properties of undefined (reading 'hasAttribute')
    • • Maximum call stack size exceeded.

    Fix: Fix JS files returning 404/failed requests and resolve the listed runtime exceptions.