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: https://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: https://www.buymeacoffee.com/softwaredeveloperdiaries
🙌 Become my Patreon and get exclusive perks: https://patreon.com/softdevdiaries
💼 Follow me on LinkedIn and drop me a message if you'd like: https://www.linkedin.com/in/gadirovgs/
💻 Also, let's connect on GitHub: https://github.com/gusgad
📚 Resources:
https://web.dev/explore/learn-core-web-vitals
https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images
https://www.w3schools.com/tags/att_source_srcset.asp
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel/preload
https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/fetchPriority#highlights
https://www.w3schools.com/tags/att_img_loading.asp
https://web.dev/articles/bfcache#optimize
https://developer.chrome.com/docs/web-platform/prerender-pages
https://web.dev/articles/stick-to-compositor-only-properties-and-manage-layer-count
https://developer.mozilla.org/en-US/docs/Web/API/Prioritized_Task_Scheduling_API
https://web.dev/articles/optimize-long-tasks#main-thread
https://developer.chrome.com/docs/devtools/coverage/
https://www.patterns.dev/vanilla/tree-shaking/
https://angular.dev/guide/components/programmatic-rendering#lazy-loading-components
https://web.dev/articles/avoid-large-complex-layouts-and-layout-thrashing#avoid_layout_thrashing
https://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 this 😊