Loading...
「ツール」は右上に移動しました。
利用したサーバー: natural-voltaic-titanium
68いいね 1378回再生

The MOST effective ways to improve your Core Web Vitals

Squish is a robust and versatile automated GUI testing tool designed to streamline the testing process for various application types. It excels in testing cross-platform desktop, mobile, embedded, and web applications. With Squish, you’re able to handle end-to-end test automation of your product with one tool. Try it yourself, for free: hubs.li/Q02VfJjd0
======⚡⚡⚡======

Core Web Vitals relies on many factors such as your Large Contentful Paint (LCP), Cumulative Layout Shift (CLS), and INP (Interaction to Next Paint), but those in fact rely on other factors that need to be optimized. In this video, we're gonna discuss things such as responsive images, resource preloading, CDNs, Speculation Rules API, Task Scheduling API, "fetchpriority" attribute and much more.

☕ Buy me a coffee: www.buymeacoffee.com/softwaredeveloperdiaries
🙌 Become my Patreon and get exclusive perks: patreon.com/softdevdiaries
💼 Follow me on LinkedIn and drop me a message if you'd like: www.linkedin.com/in/gadirovgs/
💻 Also, let's connect on GitHub: github.com/gusgad

📚 Resources:
web.dev/explore/learn-core-web-vitals
developer.mozilla.org/en-US/docs/Learn/HTML/Multim…
www.w3schools.com/tags/att_source_srcset.asp
developer.mozilla.org/en-US/docs/Web/HTML/Attribut…
developer.mozilla.org/en-US/docs/Web/API/HTMLImage…
www.w3schools.com/tags/att_img_loading.asp
web.dev/articles/bfcache#optimize
developer.chrome.com/docs/web-platform/prerender-p…
web.dev/articles/stick-to-compositor-only-properti…
developer.mozilla.org/en-US/docs/Web/API/Prioritiz…
web.dev/articles/optimize-long-tasks#main-thread
developer.chrome.com/docs/devtools/coverage/
www.patterns.dev/vanilla/tree-shaking/
angular.dev/guide/components/programmatic-renderin…
web.dev/articles/avoid-large-complex-layouts-and-l…
web.dev/articles/content-visibility

🕒 Timestamps:
0:00 Intro
0:42 Largest Contentful Paint (LCP)
10:23 Cumulative Layout Shift (CLS)
15:34 Interaction to Next Paint (INP)

And don't forget to subscribe for more videos like t

コメント