blog .ynzen .com

Lighthouse Performance

4.05

• The website is fast.
• Total Blocking Time: 730 ms 2.05
• Cumulative Layout Shift 5.00
• Largest Contentful Paint 5.00
• First Contentful Paint: 1.6 s 4.70
• Speed Index: 2.6 s 4.85
• Does not use passive listeners to improve scrolling performance 1.00
• Max Potential First Input Delay: 400 ms 1.00
• Page prevented back/forward cache restoration 1.00
• Reduce unused JavaScript: Potential savings of 100 KiB 2.80
• Eliminate render-blocking resources: Potential savings of 620 ms 3.05
• Minimize main-thread work: 2.9 s 3.55
• Time to Interactive: 5.4 s 3.55
• Reduce JavaScript execution time: 1.7 s 4.05
• Reduce unused CSS: Potential savings of 14 KiB 4.50
• First Meaningful Paint: 1.6 s 4.90
• All text remains visible during webfont loads 5.00
• Avoid multiple page redirects 5.00
• Avoid serving legacy JavaScript to modern browsers 5.00
• Avoids document.write() 5.00
• Avoids an excessive DOM size 5.00
• Avoids enormous network payloads 5.00
• Defer offscreen images 5.00
• Efficiently encode images 5.00
• Enable text compression 5.00
• Has a <meta name="viewport"> tag with width or initial-scale 5.00
• Image elements have explicit width and height 5.00
• Initial server response time was short 5.00
• Minify CSS 5.00
• Minify JavaScript 5.00
• Minimize third-party usage 5.00
• Preconnect to required origins 5.00
• Properly size images 5.00
• Remove duplicate modules in JavaScript bundles 5.00
• Serve images in next-gen formats 5.00
• Use HTTP/2 5.00
• Use video formats for animated content 5.00
• Uses efficient cache policy on static assets 5.00
• Enable text compression 5.00

Lighthouse SEO

5.00

• The website is really good at SEO!
• Document avoids plugins 5.00
• Document has a <title> element 5.00
• Document has a meta description 5.00
• Document has a valid hreflang 5.00
• Document has a valid rel=canonical 5.00
• Document uses legible font sizes 5.00
• Has a <meta name="viewport"> tag with width or initial-scale 5.00
• Image elements have [alt] attributes 5.00
• Links are crawlable 5.00
• Links have descriptive text 5.00
• Page has successful HTTP status code 5.00
• Page isn’t blocked from indexing 5.00
• Tap targets are sized appropriately 5.00
• robots.txt is valid 5.00

Lighthouse Best Practices

5.00

• The website is adhering to good practice according to Google Lighthouse!
• Avoids deprecated APIs 5.00
• Uses HTTPS 5.00
• Allows users to paste into input fields 5.00
• Avoids unload event listeners 5.00
• Avoids requesting the geolocation permission on page load 5.00
• Avoids requesting the notification permission on page load 5.00
• Displays images with correct aspect ratio 5.00
• No browser errors logged to the console 5.00
• No issues in the Issues panel in Chrome Devtools 5.00
• Page has the HTML doctype 5.00
• Properly defines charset 5.00
• Serves images with appropriate resolution 5.00
• Page has valid source maps 5.00
• Uses HTTPS 5.00
• No issues in the Issues panel in Chrome Devtools 5.00
• Allows users to paste into input fields 5.00
• Avoids deprecated APIs 5.00
• Page has the HTML doctype 5.00

W3C HTML

4.40

• The tested page has 4 errors in its HTML code.
• Number of grouped error type: 4 4.20
• Number of errors: 4 4.60
• A X element must have an X or X attribute, or both. (errors of this type: 1 pcs)
• Element X not allowed as child of element X in this context. (Suppressing further errors from this subtree.) (errors of this type: 1 pcs)
• Bad value X for attribute X on element X: Illegal character in query: X is not allowed. (errors of this type: 1 pcs)
• Attribute X not allowed on element X at this point. (errors of this type: 1 pcs)

Standard Files

3.88

• robots.txt seems ok. 5.00
• Sitemap seems to work. 5.00
• RSS subscription is missing in the HTMLs metadata. 4.50
• security.txt is missing. 1.00

Lighthouse A11y

4.75

• The website can be more accessible, but is rather good!
• Elements with visible text labels do not have matching accessible names. 1.00
• Buttons have an accessible name 5.00
• Image elements have [alt] attributes 5.00
• [aria-*] attributes are valid and not misspelled 5.00
• [aria-*] attributes have valid values 5.00
• [aria-*] attributes match their roles 5.00
• [aria-hidden="true"] is not present on the document <body> 5.00
• [role]s have all required [aria-*] attributes 5.00
• [user-scalable="no"] is not used in the <meta name="viewport"> element and the [maximum-scale] attribute is not less than 5. 5.00
• Background and foreground colors have a sufficient contrast ratio 5.00
• Document has a <title> element 5.00
• Links are distinguishable without relying on color. 5.00
• Links have a discernible name 5.00
• <html> element has a [lang] attribute 5.00
• <html> element has a valid value for its [lang] attribute 5.00
• [aria-hidden="true"] elements do not contain focusable descendents 5.00
• [id] attributes on active, focusable elements are unique 5.00
• [role] values are valid 5.00
• Heading elements appear in a sequentially-descending order 5.00
• Image elements do not have [alt] attributes that are redundant text. 5.00
• Values assigned to role="" are valid ARIA roles. 5.00

Sitespeed.io

4.83

• The website is fast. 4.83
• Speedindex: 665 4.83
• Loading time: 1.14s
• Number of requests: 44

Yellow Lab Tools

4.80

• The website has good frontend code. 4.80
• Page weight 4.95
• Requests 4.85
• DOM complexity 5.00
• JS complexity 4.55
• Bad JS 5.00
• jQuery 5.00
• CSS complexity 4.50
• Bad CSS 4.85
• Web fonts 4.40
• Server config 4.55
• Number of iframes 5.00
• Total JS execution time 4.20
• DOM access 4.95
• Scroll events bound 5.00
• document.write calls 5.00
• Synchronous Ajax requests 5.00
• Rules count 5.00
• Total weight 5.00
• Image optimization 5.00
• Oversized images 5.00
• Gzip/Brotli compression 4.80
• File minification 5.00
• Requests number 5.00
• Different domains 5.00
• 404 not found 5.00
• Connections closed 5.00
• Identical content 4.00
• Below the fold images 5.00
• Webfonts number 3.75
• Overweighted webfonts 5.00
• WOFF 2 5.00
• HTTP protocols 5.00
• TLS protocols 3.00
• Caching disabled 5.00
• Caching not specified 5.00
• Caching too short 5.00
• TLS protocols 3.00
• IDs duplicated 5.00
• CSS syntax error 5.00
• Gzip/Brotli compression 4.80
• 404 not found 5.00
• TLS protocols 3.00

Pa11y

4.80

• The website can be more accessible, but is rather good!
• Number of error type: 1 4.80
• Number of errors: 2 4.80

Problems:

• Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.4/color-contrast?application=axeAPI)

Integrity & Security

3.09

• Ok integrity but should get better.
• Result generated: 2023-09-06 17:07:00 Etc/UTC (Cached for 24 hours)
• HTTPS by default: is good! 5.00
• HTTP Strict Transport Security HSTS: is ok, with 1 error(s) and 1 warning(s). 4.25
• Content Security Policy: is pretty bad. 1.00
• Reporting CSP Certificate Transparency Network Error Logging: is good! 5.00
• Referrer Policy: is not that good. 2.50
• Subresource Integrity SRI: is pretty bad. 1.00
• HTTP headers: is good! 5.00
• Cookies: is ok, with 15 error(s) and 0 warning(s). 1.00

HTTP & Tech

3.67

• HTTP to HTTPS redirect 5.00
• TLSv1.3 support 5.00
• TLSv1.2 support 5.00
• No IPv6 support 1.00
• IPv4 support 5.00
• No HTTPv3 support 1.00
• No QUIC support 1.00

Carbon Calculator

4.60

• Webpage generates very little carbon dioxide!
• Carbon dioxide per pageview: 0.35 gram(s)
• More green than 92 % of the websites tested by webperf.se (Reference updated: 2022-12-16).
• More green than 91 % of the websites tested by webperf.se (Reference updated: 2021-12-12).
• Network transfer size: 567 kb 4.60

Software

5.00

• Technology used: typescript, js
• License(s) used: mit
• Metadata used: open-graph, viewport, canonical, apple-touch-icon, icon, preload
• JS Libraries used: next-axiom, perfect-scrollbar, uuid
• Languages found: en
• Image formats used: png, jpg, webp