frontendmasters
FrontendMasters - Одна из самых лучших площадок для изучения Frontend. Видеокурсы ведут ведущие люди в этой отрасли.
Продолжительность
4 ч 55 мин
Категория
Другое (Frontend)Количество уроков
32 Видео
Дата добавления
6 мар. 2017 г., 00:00
Язык
Английский
Дата выхода
1 янв. 2017 г., 01:00
Дата обновления
8 янв. 2018 г., 13:16
Производительность веб-сайтов стала критически важной в эпоху мобильных сетей и устройств. Она играет значительную роль в создании качественных веб-сайтов и веб-приложений. В этом курсе Кайл детально рассматривает различные аспекты улучшения производительности, включая загрузку ресурсов, анимацию, обработку данных в формате JSON, минификацию, оптимизацию изображений и многое другое. Вы узнаете, как сделать ваш сайт более эффективным и быстрым.
Основные аспекты повышения производительности
Повышение производительности веб-сайтов включает в себя множество компонентов, каждый из которых вносит свой вклад в общий процесс оптимизации. Рассмотрим основные из них:
Загрузка ресурсов
Ускорьте загрузку ресурсов путем использования современных методов, таких как асинхронная загрузка скриптов и применение инструментов для объединения и минификации файлов.
Анимация
Эффективные анимации способны не только улучшить пользовательский опыт, но и оптимизировать нагрузку на процессор устройства. Изучите, как использовать CSS-трансформации и переходы для достижения наилучших результатов.
Минификация и оптимизация кода
Минификация кода снижает объем загружаемых данных, что напрямую влияет на скорость загрузки страницы. Научитесь оптимизировать HTML, CSS и JavaScript для повышения производительности.
Оптимизация изображений
Изображения часто занимают большую часть трафика на веб-сайтах. Используйте современные форматы изображений и инструменты для сжатия, чтобы значительно ускорить их загрузку.
Дополнительные советы и рекомендации
- Используйте CDN для глобального распространения ваших веб-ресурсов.
- Реализуйте кэширование для снижения нагрузки на сервер.
- Проводите регулярный аудит производительности для выявления новых точек роста.
Следуя этим рекомендациям, вы сможете значительно улучшить производительность ваших веб-проектов и обеспечить более качественный пользовательский опыт.
Удален по просьбе правообладателя
- Урок 2.00:05:14Why Web Performance?
- Урок 3.00:15:26Performance and User Experience
- Урок 4.00:09:09How We Get Web Performance
- Урок 5.00:13:41Focus on the Critical Path
- Урок 6.00:09:32The Total Cost of Ownership
- Урок 7.00:11:12YSlow Rules
- Урок 8.00:14:13YSlow Rules, Continued
- Урок 9.00:10:51Beyond the Big 14
- Урок 10.00:01:32Exercise 1
- Урок 11.00:11:57Images
- Урок 12.00:05:57Minification
- Урок 13.00:15:24Exercise 2
- Урок 14.00:10:27Understanding the Middle-end
- Урок 15.00:06:09Introduction to Architecture
- Урок 16.00:09:20Data Validation
- Урок 17.00:11:05JSON, Ajax, & Web Sockets
- Урок 18.00:10:09Preloading Images
- Урок 19.00:07:09Lazy Loading
- Урок 20.00:09:29Parallel Loading
- Урок 21.00:06:55OO is Slower
- Урок 22.00:12:44Exercise 4
- Урок 23.00:13:41JavaScript Animations
- Урок 24.00:04:13CSS Transition vs. CSS Animation
- Урок 25.00:10:07Exercise 5
- Урок 26.00:09:52The Single Threaded Browser
- Урок 27.00:11:26Threaded JavaScript
- Урок 28.00:05:34Dynamic Memory Allocation
- Урок 29.00:05:26Exercise 6
- Урок 30.00:05:19Introduction jsPerf
- Урок 31.00:15:54JavaScript Performance Mythbusters
- Урок 32.00:02:37JavaScript Performance Mythbusters
- Урок 33.00:03:26Conclusion
Автор - frontendmasters
Комментарии