Оптимизация Frontend приложений (23 совета) | Оптимизация Web, полный курс 2024 [для новичков]
✏️ Написать web приложение - дело не самое сложное. А вот сделать так, чтобы оно быстро работало на дешевом Android смартфоне - задача посложнее. В этом видео я расскажу о 23 простых советах, как можно оптимизировать сайт, не прилагая особых усилий, чтобы получить прирост производительности.
🔥 Сервис для получения реального опыта PREAX -
🔥 Поддержать автора:
📚 Ссылки:
Исходный код:
Статья про link preload:
YouTube:
💬 Чат в телеграмме (помощь новичкам):
🎦 Другие видео:
🟣 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 #оптимизация