How to optimize your website with Google Lighthouse

Published: 16 October 2024
on channel: toddle
1,438
36

Try toddle here 👉 https://toddle.dev/signup?utm_medium=...

Learn how to use Lighthouse, a tool built by Google that highlights parameters that you need to improve to optimize your page's load speed. Toddle's CEO, Andreas Møller walks you through how to use the tool.

00:00 - Introduction to Lighthouse and Its Importance
01:01 - Starting the Lighthouse Test on a Website
01:50 - Deep Dive into Performance Metrics with Lighthouse
03:02 - Understanding the Different Performance Metrics in Lighthouse
05:01 - Exploring Web Vitals and Their Impact on User Experience
07:39 - Detailed Analysis of Largest Contentful Paint (LCP)
10:01 - Addressing Total Blocking Time and Its Effects
13:13 - How to Improve Accessibility and Best Practices with Lighthouse
17:00 - Running Lighthouse on Different Platforms and Devices
20:01 - Analyzing the Lighthouse Report for a New Project
23:13 - Final Thoughts and Additional Resources on Web Performance

🌎 Visit https://toddle.dev
🐦 Follow   / toddledev  
💬 Join   / discord  

What is toddle? 🤷‍♀️
toddle is an open-source visual development platform for professional dev teams. It's built on battle-proven concepts from major code frameworks like Angular, Vue, and React, with the same capabilities and performance.

Feature highlights:
✨ Open-source (coming 2025)
✨ Access to any database and API
✨ SSR out of the box
✨ Built-in Git-style branching and merging
✨ Export and embed web components
✨ Customise every single pixel
✨ Community packages

... toddle is a new way to build software, and it's fast.

We no longer code — we use toddle to build toddle 🤯


Watch video How to optimize your website with Google Lighthouse online without registration, duration hours minute second in high quality. This video was added by user toddle 16 October 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,438 once and liked it 36 people.