Google Chrome Developers770 тыс
Опубликовано 25 января 2024, 18:00
Jecelyn teams up with Barry again to talk about the new Speculation Rules API which can be used to prefetch and prerender future page navigations to greatly improve page load speed! Learn how DevTools can help you debug your speculation rules, switch renderer, and live trace prerender status’s.
Chapters:
0:00 Intro
0:39 A glance at the speculation rules
1:08 Debug speculative loads tabs in DevTools
1:59 Switching renderer in DevTools
2:45 Predict the next actions
3:35 Configure speculation rules to prerender next page on hover
4:01 Live trace prerender status in DevTools
4:46 Learn more
Resources:
Demo → goo.gle/48KMA29
Debugging speculation rules → goo.gle/debugging-speculation-...
Prerender pages in Chrome → goo.gle/4bcCCIj
Questions? Tweet to us:
Jecelyn Yeen → goo.gle/jecfish
Barry Pollard → goo.gle/tunetheweb
Chrome DevTools → goo.gle/chromedevtools
Catch more DevTools Tips → goo.gle/DevToolsTips
Subscribe to Chrome for Developers → goo.gle/ChromeDevs
#DevToolsTips #ChromeForDevelopers #Chrome
Speaker: Jecelyn Yeen, Barry Pollard;
Products Mentioned: Chome;
Chapters:
0:00 Intro
0:39 A glance at the speculation rules
1:08 Debug speculative loads tabs in DevTools
1:59 Switching renderer in DevTools
2:45 Predict the next actions
3:35 Configure speculation rules to prerender next page on hover
4:01 Live trace prerender status in DevTools
4:46 Learn more
Resources:
Demo → goo.gle/48KMA29
Debugging speculation rules → goo.gle/debugging-speculation-...
Prerender pages in Chrome → goo.gle/4bcCCIj
Questions? Tweet to us:
Jecelyn Yeen → goo.gle/jecfish
Barry Pollard → goo.gle/tunetheweb
Chrome DevTools → goo.gle/chromedevtools
Catch more DevTools Tips → goo.gle/DevToolsTips
Subscribe to Chrome for Developers → goo.gle/ChromeDevs
#DevToolsTips #ChromeForDevelopers #Chrome
Speaker: Jecelyn Yeen, Barry Pollard;
Products Mentioned: Chome;
Свежие видео
@disneyanimation 's #Moana2 is a 2024 Breakout Search. It went beyond. Now playing only in theaters.