100% Lighthouse Score With Deno Fresh!

In this video, Eric will rant a little about Lighthouse performance and how you should never let your users wait for your pages to load. Using Deno Fresh and Preact, you can really get a "Confetti Score" of 100% in Lighthouse. You can test the live site's score at https://recordingthecity.com

Having a higher score will reward your users, save some $$$ on your infrastructure costs, and really just make your development and maintenance so much better.

Checkout my Deno Fresh code on Github https://github.com/erictherobot/deno-app-1 - it has a 100% lighthouse score, a PWA, and some other extras will be added in the next couple of days.

Thanks for watching - please let me know if the text is readable in this video if you get a chance!

Resources:

• Deno - https://deno.land
• Deno Fresh - https://fresh.deno.dev
• Preact - https://preactjs.com
• Project Code - https://github.com/erictherobot/deno-app-1
• Lighthouse - https://web.dev/measure/

Tips to improve your lighthouse scores:

• Optimize your images. I recommend using webp formats for low size and better quality.
• Remove redundant or unnecessary code
• Accessibility first - Follow the WCAG to improve accessibility throughout the design
• Don’t use any unnecessary widgets or extensions - Use incognito browser
• Load the FCP(First Contentful Paint) as fast as you can
• Add titles to all links
• Add images at multiple sizes so that only the minimum size is loaded
• Minify your resources
• Use ARIA or Alt tags for all images
• Go for Server Side Rendering for faster load times

Eric's Gear: https://ericdavidsmith.com/gear

Remember.... everything is an experiment.... ... https://www.youtube.com/watch?v=963e0uRkPqQ