Оптимизация Frontend приложений (23 совета) | Оптимизация Web, полный курс 2024 [для новичков]

✏️ Написать web приложение - дело не самое сложное. А вот сделать так, чтобы оно быстро работало на дешевом Android смартфоне - задача посложнее. В этом видео я расскажу о 23 простых советах, как можно оптимизировать сайт, не прилагая особых усилий, чтобы получить прирост производительности. 🔥 Сервис для получения реального опыта PREAX - 🔥 Поддержать автора: 📚 Ссылки: Исходный код: Статья про link preload: 💬 Чат в телеграмме (помощь новичкам): 🎦 Другие видео: 🟣 React с полного 0 до реального проекта: 🔵 Chrome Dev Tools полный курс: 🟢 Полный Roadmap по всему Frontend: 🟡 Как стать MIDDLE FRONTEND?: 🟠 TypeScript базовый курс: 🎦 Плейлисты: 🟣 HTML: 🔵 CSS: 🟢 SVG: 🟡 JavaScript: 🟠 TypeScript: 🔴 React: ⏰ Таймкоды: ▶ 00:00 | Введение ▶ 01:03 | Оптимизация картинок ▶ 02:17 | Lottie анимации ▶ 03:42 | Оптимизация шрифтов ▶ 05:06 | Оптимизация svg ▶ 06:26 | Lazy loading для картинок ▶ 07:25 | Библиотека knip ▶ 08:53 | Box-shadow ▶ 10:07 | Сортировка ▶ 11:01 | Один цикл для массива ▶ 12:09 | Один цикл для объекта ▶ 14:02 | Аналоги библиотек ▶ 15:14 | removeEventListener ▶ 16:12 | Lighthouse ▶ 17:01 | Link preload ▶ 17:48 | Async / defer ▶ 19:22 | Debounce / throttle ▶ 21:31 | Виртуализация ▶ 23:40 | Оптимизация сети ▶ 24:17 | MessagePack ▶ 25:58 | Web worker ▶ 28:05 | Optimistic update ▶ 29:40 | Lazy loading для скриптов ▶ 31:06 | Итоги 🔊 Музыка: “Ghostrifter Official - Lost In Thought“ is is under a Creative Commons (CC BY-ND 3.0) license. Music powered by BreakingCopyright: Song: “Dj Quads - Birds And The Bees“ Music provided by BreakingCopyright: #frontend #react #javascript #html #css