Reduce CLS using aspect ratio

Поделиться
HTML-код
  • Опубликовано: 3 окт 2024
  • Cumulative Layout Shift (CLS) measures the visual stability of a web page during loading. It quantifies unexpected layout shifts caused by moving elements.
    You can fix it using the CSS aspect ratio
    More about it in this video
    This is part of my Udemy course "Boost Your Website Performance - The Practical Guide"Enroll here: www.udemy.com/...
  • НаукаНаука

Комментарии •

Следующие
Автовоспроизведение
Fix error : 'serve image in next gen format'9:24Fix error : 'serve image in next gen format'
Fix error : 'serve image in next gen format'Nathan Krasney
Просмотров 36
Why Beautiful Websites Don’t Convert12:57Why Beautiful Websites Don’t Convert
Why Beautiful Websites Don’t ConvertMalewicz
Просмотров 163 тыс.
Don't Use JS for That: Moving Features to CSS and HTML by Kilian Valkhof33:51Don't Use JS for That: Moving Features to CSS and HTML by Kilian Valkhof
Don't Use JS for That: Moving Features to CSS and HTML by Kilian ValkhofJSConf
Просмотров 82 тыс.
Rich Homie Quan - Song Cry (Official Video)04:09Rich Homie Quan - Song Cry (Official Video)
Rich Homie Quan - Song Cry (Official Video)Rich Homie Quan
Просмотров 493 тыс.
The Sims 4 Life & Death Expansion Pack: Official Reveal Trailer03:05The Sims 4 Life & Death Expansion Pack: Official Reveal Trailer
The Sims 4 Life & Death Expansion Pack: Official Reveal TrailerThe Sims
Просмотров 702 тыс.
Pointless Ai Products37:41Pointless Ai Products
Pointless Ai ProductsKurtis Conner
Просмотров 2,1 млн
$35 vs $350 Walmart Survival Fishing Kit (Catch and Cook)38:11$35 vs $350 Walmart Survival Fishing Kit (Catch and Cook)
$35 vs $350 Walmart Survival Fishing Kit (Catch and Cook)AYO Fishing
Просмотров 181 тыс.
This is How I Scrape 99% of Sites18:27This is How I Scrape 99% of Sites
This is How I Scrape 99% of SitesJohn Watson Rooney
Просмотров 99 тыс.
NEXT.js 14 meets Headless Wordpress: The Perfect Combo for SEO and SPEED ⚡︎ Guillermo Approved!13:50NEXT.js 14 meets Headless Wordpress: The Perfect Combo for SEO and SPEED ⚡︎ Guillermo Approved!
NEXT.js 14 meets Headless Wordpress: The Perfect Combo for SEO and SPEED ⚡︎ Guillermo Approved!Bridger / Design Engineering
Просмотров 19 тыс.
Top 10 CSS One Liners That Will Blow Your Mind13:34Top 10 CSS One Liners That Will Blow Your Mind
Top 10 CSS One Liners That Will Blow Your Minddevelopedbyed
Просмотров 963 тыс.
Please stop using px for font-size.15:18Please stop using px for font-size.
Please stop using px for font-size.Coder Coder
Просмотров 175 тыс.
13 Things To Remove From Your Website Immediately12:3313 Things To Remove From Your Website Immediately
13 Things To Remove From Your Website ImmediatelyOrbit Media Studios
Просмотров 320 тыс.
Learn CSS Flexbox in 20 Minutes (Course)20:37Learn CSS Flexbox in 20 Minutes (Course)
Learn CSS Flexbox in 20 Minutes (Course)Coding2GO
Просмотров 144 тыс.
"The Life & Death of htmx" by Alexander Petros at Big Sky Dev Con 202423:01"The Life & Death of htmx" by Alexander Petros at Big Sky Dev Con 2024
"The Life & Death of htmx" by Alexander Petros at Big Sky Dev Con 2024Montana Programmers
Просмотров 61 тыс.
Learn CSS Positioning Quickly With A Real World Example8:32Learn CSS Positioning Quickly With A Real World Example
Learn CSS Positioning Quickly With A Real World ExampleSlaying The Dragon
Просмотров 663 тыс.
How to Properly Layout A Website (For Beginners)14:50How to Properly Layout A Website (For Beginners)
How to Properly Layout A Website (For Beginners)The Website Architect
Просмотров 611 тыс.
Российские LTE | Станки из РФ для транзисторов | Спецсбор за иностранное ПО52:05Российские LTE | Станки из РФ для транзисторов | Спецсбор за иностранное ПО
Российские LTE | Станки из РФ для транзисторов | Спецсбор за иностранное ПОМаксим Горшенин
Просмотров 42 тыс.
Обзор Huawei Pura 70 Ultra. "Не всё так хорошо через 3 месяца как хотелось бы"37:11Обзор Huawei Pura 70 Ultra. "Не всё так хорошо через 3 месяца как хотелось бы"
Обзор Huawei Pura 70 Ultra. "Не всё так хорошо через 3 месяца как хотелось бы"РасПаковка ДваПаковка
Просмотров 31 тыс.
НИКОГДА НЕ ПОКУПАЙ НОВЫЕ АЙФОНЫ В ДЕНЬ РЕЛИЗА!00:43НИКОГДА НЕ ПОКУПАЙ НОВЫЕ АЙФОНЫ В ДЕНЬ РЕЛИЗА!
НИКОГДА НЕ ПОКУПАЙ НОВЫЕ АЙФОНЫ В ДЕНЬ РЕЛИЗА!ТЕСЛЕР
Просмотров 1,7 млн
Купил SAMSUNG GALAXY S24 ULTRA за 83к. на Snapdgraon 8 Gen 3! Вместо iPhone 16 Pro Max30:43Купил SAMSUNG GALAXY S24 ULTRA за 83к. на Snapdgraon 8 Gen 3! Вместо iPhone 16 Pro Max
Купил SAMSUNG GALAXY S24 ULTRA за 83к. на Snapdgraon 8 Gen 3! Вместо iPhone 16 Pro MaxРОМАНЫЧ
Просмотров 36 тыс.
Samsung копирует Apple?00:36Samsung копирует Apple?
Samsung копирует Apple?Не шарю!
Просмотров 1,6 млн
Getting your camera's approval is absolutely necessary ✅ DJI RS 3 🎬 @glzx_00:11Getting your camera's approval is absolutely necessary ✅ DJI RS 3 🎬 @glzx_
Getting your camera's approval is absolutely necessary ✅ DJI RS 3 🎬 @glzx_DJI
Просмотров 8 млн
КУПИЛ НЕСУЩЕСТВУЮЩИЙ СКАМ ПРОЦЕССОР - Extreme Neo Zeus E718:10КУПИЛ НЕСУЩЕСТВУЮЩИЙ СКАМ ПРОЦЕССОР - Extreme Neo Zeus E7
КУПИЛ НЕСУЩЕСТВУЮЩИЙ СКАМ ПРОЦЕССОР - Extreme Neo Zeus E7Maddy MURK
Просмотров 132 тыс.
Спидран по технике 🔣 Размер процессора00:43Спидран по технике 🔣 Размер процессора
Спидран по технике 🔣 Размер процессораExpresSLY
Просмотров 21 тыс.