Top 10 performance pitfalls - HTTP 203

0 0 4

Người đăng: Google Chrome Developers

Jake & Surma go through the top 9 + 1 performance issues Jake saw while analyzing a bunch of web sites.

Who has the fastest F1 website? → https://goo.gle/3x0gr3T
Looking at the Google I/O website → https://goo.gle/3gQkN6J
Document readyState → https://goo.gle/3d3KS13
Massive inlined image → https://goo.gle/3qf3uAm
Inlined font in the Squoosh logo → https://goo.gle/3zLI3LS
Squoosh for optimising images → https://goo.gle/2OQBnGG
CSS aspect ratio → https://goo.gle/3gK8V7e
Font loading API → https://goo.gle/3gLBhOv
The old aspect ratio hack → https://goo.gle/3qf23lH
Code splitting → https://goo.gle/3xFZcom
WATCH OUR TALK → https://goo.gle/3j8xeNI

More videos in the HTTP 203 series → http://goo.gle/HTTP203
Subscribe to Google Chrome Developers here → https://goo.gle/ChromeDevs

Also, if you enjoyed this, you might like the HTTP203 podcast → https://goo.gle/HTTP203Podcast

#HTTP203 #ChromeDeveloper #WebDev

Bình luận

Bài viết tương tự

15/01/2021 - vừa được xem lúc 13/12/2023

Chrome 88 - What’s New in DevTools

Video

New to DevTools in Chrome 88:. . What’s new in DevTools (Chrome 88) → http://goo.gle/3owkBMr.

0 0 29

20/01/2021 - vừa được xem lúc 12/12/2023

New in Chrome 88: Manifest v3, aspect-ratio, digital goods API, and more!

Video

Chrome 88 is rolling out now! You can now upload extensions using manifest v 3 to the Chrome Web Store. The aspect-ratio CSS property makes it easy to set the aspect ratio on any element.

0 0 18

22/01/2021 - vừa được xem lúc 13/12/2023

Thinking on ways to solve a SIDENAV

Video

In today’s GUI challenge we create a responsive, accessible slide out side navigation user experience using CSS and JS. The sidenav works on multiple browsers, screen sizes and input devices.

0 0 35

27/01/2021 - vừa được xem lúc 13/12/2023

Dithering - HTTP 203

Video

How do you take an image with 256 shades of grey and map it to an image with just two colors? Jake and Surma go down the monochrome image dithering rabbit hole and explain how different dithering tech

0 0 29

04/02/2021 - vừa được xem lúc 12/12/2023

Submission shoutouts for SIDENAV

Video

We asked the community to build a sidenav component your way and you all delivered! Check out the submissions:. @a_nurella → http://goo.gle/3j9bmQm. @mayeedwin1 → http://goo.

0 0 17

09/02/2021 - vừa được xem lúc 13/12/2023

JavaScript counters the hard way - HTTP 203

Video

You’ve seen loads of counter tutorials online, but they’re all a bit wrong… or at least most of them are. Jake and Surma dissect different techniques and identify how to make the counter work accurate

0 0 34