Written version of this tutorial: http://www.minecraftguides.org/automatic-lighthouse/
Source code: mountaindew.com
Today we’ll be exploring one of my favorite tools: L i G h T h O u S e!! Like this video if u like #Google or the #chrome team or just lighthouses in general or ๐ฆ
๐จ๐ปโ๐ป QUESTIONS
โ Should I stick to coding videos?
โ Steak too codin?
โ Stique to code?
โ STICK TO CODING?!
๐ฅฐ Thanks to the maintainer(s):
Paul Irish https://twitter.com/paul_irish (lol he’ll never watch this video ๐)
โญ RECAP:
โจ๏ธ 0:15 what is Google’ #Lighthouse
โจ๏ธ 0:21 too real ๐๐
โจ๏ธ 0:45 Native developers
โจ๏ธ 0:53 History lesson
โจ๏ธ 1:29 Getting started
โจ๏ธ 1:30 Side-tracked
โจ๏ธ 1:58 Truly random, prolly should have rehearsal’d
โจ๏ธ 2:10 Audits tab
โจ๏ธ 2:33 User Agent
โจ๏ธ 3:00 Throttling
โจ๏ธ 3:31 P R O T I P
โจ๏ธ 3:45 Running an audit
โจ๏ธ 4:05 “tutorial”
โจ๏ธ 4:25 #npm speedline
โจ๏ธ 4:38 TTI
โจ๏ธ 5:00 Channel Rules 1: I don’t know what I’m talking about
โจ๏ธ 5:19 Beginning of the #tutorial
โจ๏ธ 5:26 End of the tutorial
โจ๏ธ 5:40 I’m describing the `font-display` attribute btw. It’s cool, look it up! I’m adding it to expo-font here https://github.com/expo/expo/pull/4977
โจ๏ธ 6:02 We don’t deserve these godly tools
โจ๏ธ 6:09 Channel Rules 2: No cool stuff in my videos!!
โจ๏ธ 6:33 Here we go…
โจ๏ธ 6:35 If I’m not allowed to post videos anymore, this is why…
โจ๏ธ 6:41 #Flutter God
โจ๏ธ 6:43 ๐ฆ
โจ๏ธ 6:50 ๐ณ๐ฆ
โจ๏ธ 6:57 ๐๐ฆ
โจ๏ธ 7:00 ๐ฆ๐๐ฆ๐
โจ๏ธ 7:06 ๐ต๐ฝ
โจ๏ธ 7:08 ๐ฆ๐
โจ๏ธ 7:14 ๐ฅ๐ซ๐ฆ
โจ๏ธ 7:19 IMG srcset
โจ๏ธ 7:25 ๐ฟ๐ฆ
โจ๏ธ 7:30 MASTER FRAMEWORK #WORDPRESS
โจ๏ธ 7:33 ๐ฆCDN
โจ๏ธ 7:41 ๐ฆ๐
Manually
โจ๏ธ 7:45 Photoshop
โจ๏ธ 7:46 run `expo optimize` in a project to optimize the images. Really you should combine this option with one of the others
โจ๏ธ 7:50 Man there are so many jumps in this video
โจ๏ธ 7:58 Render Blocking
โจ๏ธ 8:17 daddy
โจ๏ธ 8:26 This is actually pretty useful
โจ๏ธ 8:43 REMEMBER TO DISABLE THIS LATER
โจ๏ธ 9:25 Sorry I couldn’t resist adding some code :]
โจ๏ธ 9:29 Hentag
โจ๏ธ 9:57 Quick math
โจ๏ธ 10:09 The ballad of Evan Bacon
โจ๏ธ 10:21 Passed audits
โจ๏ธ 10:42 #Expo Web (beta) ๐
โจ๏ธ 10:51 it’s not that good… yet ๐
โจ๏ธ 10:56 A N O T H E R P R O T I P
โจ๏ธ 11:36 I cut a lot of the other examples out cuz this video was getting a little too wild
Thanks for watching and reading! If you have any mo’ questions feel free to inbox me on instagram ๐ @baconbrix ๐ฅ
SEO (๐ ) https://developers.google.com/web/tools/lighthouse/
Lighthouse is an open-source, automated tool for improving the quality of web pages. You can run it against any web page, public or requiring authentication. It has audits for performance, accessibility, progressive web apps, and more.
You can run #Lighthouse in #Chrome #DevTools, from the command line, or as a #Node module. You give Lighthouse a URL to audit, it runs a series of audits against the page, and then it generates a report on how well the page did. From there, use the failing audits as indicators on how to improve the page. Each audit has a reference doc explaining why the audit is important, as well as how to fix it.
source
