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