Tech Tip: How to properly read the score from Lighthouse
What's going on youtube
So in today's video, I want to bring to your attention about some issues with Lighthouse. For those that do not know, Lighthouse is a tool that web developers use to test various metrics for a web page. So the issue with Lighthouse is that it will not deliever consistant results across different environment. From using Google's pagespeed insight, to running withing the Chrome browser, or from using the NPM Lighthouse tool within a virtual machine. And the reason why this issue exists is due to how the tool calculate it's score.
Have you ever tried bringing up a website on your phone and wonder why it takes so long, while if you were to use your laptop, it would load much faster, eventhough the laptop has to load much more stuff? That is because a way that a website works is based on your device's ability to download assets and the computation chipset being able to execute steps as fast as possible. While a website needs to be optimized for different device, Lighthouse needs to take that device's hardware spec into consideration.
Now, hearing myself saying that, the first thing I would say is: "You're doing it wrong!" or "Of course you will get different results between each test". However, I was correct in some respects. The score that you get from Lighthouse is the score for that specific device. When I run the test on my gaming machine, I would get better score than my cheap laptop.
So, what do you need to know when testing a website? The first thing you need to decide is who is your target audience. Are you doing a mobile-first design, where the website is optimized for mobile device, or are you trying to build a flashy website with a lot of animation? The more fancy the website, the more power the site will need. Second,use lighthouse to optimized the site for your desired audience. When testing with lighthouse, I would recommend using the NPM library, because the NPM version will allow you to customize how you throttle your testing environment.
Смотрите видео Tech Tip: How to properly read the score from Lighthouse онлайн без регистрации, длительностью online в хорошем качестве. Это видео добавил пользователь WebDev Dave 30 Декабрь 2018, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 119 раз и оно понравилось 1 людям.