Perfect Practice Makes Perfect
"Winners never quit, and quitters never win."
― Vince Lombardi
Perfecting a Lighthouse Performance Audit
First Contentful Paint (FCP)
10% Weight on Overall Score Tips for maximizing FCP performance score
Largest Contentful Paint (LCP)
25% Weight on Overall Score Fix how long it takes the largest visible element on the site to be rendered
Speed Index (SI)
10% Weight on Overall Score How to make content load blazing fast.
Time to Interactive (TTI)
10% Weight on Overall Score Minimize the time between the FCP and the TTI.
Cumulative Layout Shift (CLS)
15% Weight on Overall Score Shifts in your layouts loose customers
Total Blocking Time (TBT)
30% Weight on Overall Score By improving TBT you usually also improve First Input DisplayPerfecting an Accessibilty Audit
Keyboard Test
This tests what it's like for someone to use your website using only their keyboard. Keyboard only users are more common than you think.
Screen Reader Test
This step tests how your website performs when a visitor is using a screen reader. It renders text and image content as speech or braille out.
Colour Blindness & Vision Impairment Test
Website performance for people with colour blindness or vision impairment. Build your site so everyone can see it.
Zoom Test
Does the Website Work for People with Visual Imparements Is the Website Truly Responsive?
Text Spacing Test
Font spacing can make your content easier to read. People that experience dyslexia often have this issue.
Background & Foreground Contrast
There must be sufficient contrast between your background and content in the foreground. Make your site easy to read.Perfecting a SEO Audit
Include Basic Meta Data
This includes Titles, descriptions, links are descriptive.
Serve Images in Next Gen Format
Hugo's image processing is fantastic for serving next gen images. Images that load fast are essential.
Including Proper Elements
Elements like "alt" or "hreflang" or "rel=canonical" These better describe the web page.Perfecting a Best Practices Audit
Content Security Policy
A strong Content Security Policy (CSP) significantly reduces the risk of cross-site scripting (XSS) attacks.
Avoid Javascript When Possible
Javascript eats through page speed technical debt. When in doubt, leave it out