blog .tech-fellow .net

4.02

Results collected 2023-09-07 from https://blog.tech-fellow.net/

Lighthouse Performance

3.55

About average speed.
Total Blocking Time: 800 ms 1.80
Largest Contentful Paint: 3.2 s 3.65
Cumulative Layout Shift 5.00
First Contentful Paint: 2.3 s 3.75
Speed Index: 2.8 s 4.75
Max Potential First Input Delay: 410 ms 1.00
Page prevented back/forward cache restoration 1.00
Reduce the impact of third-party code 1.00
Reduce unused JavaScript: Potential savings of 202 KiB 1.60
Serve images in next-gen formats: Potential savings of 342 KiB 2.15
Eliminate render-blocking resources: Potential savings of 1,150 ms 2.20
Time to Interactive: 6.9 s 2.70
Minimize main-thread work: 3.4 s 3.05
Preconnect to required origins: Potential savings of 320 ms 3.85
Reduce JavaScript execution time: 1.5 s 4.25
Properly size images: Potential savings of 64 KiB 4.45
First Meaningful Paint: 2.3 s 4.55
Uses efficient cache policy on static assets: 1 resource found 4.80
Avoids an excessive DOM size: 645 elements 4.85
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 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
Largest Contentful Paint image was not lazily loaded 5.00
Minify CSS 5.00
Minify JavaScript 5.00
Preload Largest Contentful Paint image 5.00
Reduce unused CSS 5.00
Remove duplicate modules in JavaScript bundles 5.00
Use HTTP/2 5.00
Use video formats for animated content 5.00
Uses passive listeners to improve scrolling performance 5.00
Enable text compression 5.00

Lighthouse SEO

4.90

Pretty good at SEO, but still has some potential improvements.
Tap targets are not sized appropriately: 76% appropriately sized tap targets 3.40
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
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.85

The tested page has 1 errors in its HTML code.
Number of grouped error type: 1 4.80
Number of errors: 1 4.90
Bad value X for attribute X on element X: The string X is not a valid autofill field name. (errors of this type: 1 pcs)

Standard Files

4.00

robots.txt seems ok. 5.00
Sitemap seems to work. 5.00
RSS subscription found. 5.00
security.txt is missing. 1.00

Lighthouse A11y

4.45

The website can be more accessible, but is rather good!
Background and foreground colors do not have a sufficient contrast ratio. 1.00
Elements with visible text labels do not have matching accessible names. 1.00
Links do not have a discernible name 1.00
ARIA IDs are unique 5.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
Document has a <title> element 5.00
Elements with role="dialog" or role="alertdialog" have accessible names. 5.00
Form elements have associated labels 5.00
List items (<li>) are contained within <ul>, <ol> or <menu> parent elements 5.00
Lists contain only <li> elements and script supporting elements (<script> and <template>). 5.00
No element has a [tabindex] value greater than 0 5.00
<html> element has a [lang] attribute 5.00
<html> element has a valid value for its [lang] attribute 5.00
[role] values are valid 5.00
button, link, and menuitem elements have accessible names 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.86

The website is fast. 4.86
Speedindex: 639 4.86
Loading time: 1.03s
Number of requests: 54

Yellow Lab Tools

4.35

The website has good frontend code. 4.35
Page weight 4.80
Requests 3.65
DOM complexity 5.00
JS complexity 3.50
Bad JS 5.00
jQuery 1.00
CSS complexity 4.10
Bad CSS 4.80
Web fonts 5.00
Server config 5.00
Number of iframes 5.00
Total JS execution time 2.70
DOM access 5.00
Scroll events bound 3.55
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 5.00
File minification 3.70
Requests number 5.00
Different domains 5.00
404 not found 5.00
Connections closed 5.00
Identical content 1.00
Below the fold images 1.00
Webfonts number 5.00
Overweighted webfonts 5.00
WOFF 2 5.00
HTTP protocols 5.00
TLS protocols 5.00
Caching disabled 5.00
Caching not specified 5.00
Caching too short 5.00
TLS protocols 5.00
IDs duplicated 5.00
CSS syntax error 5.00
Gzip/Brotli compression 5.00
404 not found 5.00
TLS protocols 5.00

Pa11y

2.20

The accessibility is apparently really bad! Probably both for disabled people and everyone of us when we need some accessibility!
Number of error type: 8 3.40
Number of errors: 128 1.00

Problems:

A form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.
A element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.61:1. Recommendation: change text colour to #687981.
A element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.42:1. Recommendation: change text colour to #0a7cbb.
A element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.63:1. Recommendation: change text colour to #637a84.
Anchor element found with a valid href attribute, but no link content has been supplied.
A element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 1.8:1. Recommendation: change background to #5d8200.
A textinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.
A element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 1.09:1. Recommendation: change text colour to #fff.

Integrity & Security

2.44

Rather poor on user privacy.
Result generated: 2023-09-06 17:00:10 Etc/UTC (Cached for 24 hours)
HTTPS by default: is good! 5.00
Strict Transport Security: is pretty bad. 1.00
Content Security Policy: is pretty bad. 1.00
Reporting CSP Certificate Transparency Network Error Logging: is good! 5.00
Referrer Policy: is pretty bad. 1.00
Subresource Integrity SRI: is pretty bad. 1.00
HTTP headers: is ok, with 1 error(s) and 0 warning(s). 4.50
Cookies: is ok, with 12 error(s) and 0 warning(s). 1.00

HTTP & Tech

4.11

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

Carbon Calculator

3.60

Webpage generates little carbon dioxide!
Carbon dioxide per pageview: 0.74 gram(s)
More green than 72 % of the websites tested by webperf.se (Reference updated: 2022-12-16).
More green than 73 % of the websites tested by webperf.se (Reference updated: 2021-12-12).
Network transfer size: 1 mb 3.60

Software

3.93

Technology used: js
License(s) used: mit
Metadata used: open-graph, viewport, referrer, canonical
JS Libraries used: react, core-js, jquery, highlight
Languages found: en
Image formats used: png, jpg, jpeg, ico
Update(s) available 3.93