First video of 2023 🎉. 🥳
Keep your Nuxt static website running smoothly by monitoring performance metrics with Lighthouse CI.
In this video, we are going to learn how to write a continuous integration pipeline with GitHub Actions to run Lighthouse on every build.
Resources
- Link to the repo github.com/alvarosabu/nuxt-li...
- Lighthouse CI github.com/GoogleChrome/light...
- Github Lighthouse CI App github.com/apps/lighthouse-ci
- Github Actions docs.github.com/en/actions/us...
- Nuxt v3 nuxt.com/
----
Our Sponsors
Meet Storyblok (not Storybook which is a different thing) The world's first headless CMS that works for both developers & business users.
I must warn you when you start using it, you will never go back to any other CMS solution
Give it a try at t.co/aaEZxcPC4W 😜
00:00 - Intro
01:07 - Quick intro to Lighthouse
02:11 - Lighthouse dev tools report
03:58 - Install de lhci cli
05:23 - Run with configuration
14:08 - Check the report generated
14:49 - Custom Assertions
19:04 - Github actions
23:07 - Github CI App
24:43 - Pushing changes and seeing action running
27:45 - Outro
Негізгі бет Ғылым және технология Keep an eye of your Nuxt performance with Lighthouse CI
Пікірлер: 2