- webhint is a customizable linting tool that helps you improve your site's accessibility, speed, cross-browser compatibility, and more
- https://webhint.io/scanner/
- Status – Easy to figure out if any resource is not available
- Protocol – Checks HTTP1.1, HTTP2, Quic etc
- Type – File type returned, easy to figure out WebP is working
- Size – Amount of data transferred, with and without Gzip. ‘Disk Cache’ or ‘Memory Cache’ indicates browser caching is working
- Priority – Priority of each file which browser requests. CSS, JS, Fonts have high priority, images – Low, SendBeacon (Google Analytics), prefetch (Quicklink) have the lowest
- Waterfall – A waterfall of the data requested and received. Also, provide in-depth data of DNS lookup, TCP connection, SSL, TTFB, etc. Easy to debug lazy loading too
- Like 'Lighthouse' - performance, PWA, best practices, accessibility and SEO
- https://developers.google.com/web/tools/lighthouse/
- https://developers.google.com/speed/pagespeed/insights/
- measures the user experience, not only load time
- helpful hints on topics
- TTFB – Time to First Byte (server response time)
- FCP – First Contentful Paint
- FMP – First Meaningful Paint
- TTI – Time to Interactive
- https://gtmetrix.com/
- analyze the site and can recommend what all things are needed to be fixed
- https://gtmetrix.com/
- a monitor that will periodically check your site and send you a weekly digest
- https://tools.pingdom.com/
- analyze the site and can recommend what all things are needed to be fixed
- https://www.pingdom.com/
- continuously monitor and will alert
- https://www.webpagetest.org/
- test multiple times from the same device
- very useful to see how effectively “browser caching” is working
- https://loader.io/
- makes it easy to send 10k requests/second to your site and see how it performs
- https://wpaudit.site/
- Quickly audit your WordPress website, more as performance topic.