Повышаем производительность и скорость загрузки сайта простыми способами

⁃ почему важно думать о скорости загрузки
⁃ разбираемся что такое time to interactive
⁃ изучаем основные этапы загрузки сайта
⁃ влияние скорости загрузки на прибыль
⁃ оценка first contentful paint при помощи инструмента lighhouse
⁃ практика

Повышаем производительность и скорость загрузки сайта простыми способами

Урок посвящён в первую очередь параметру First Contentful Paint.
Исходные файлы, используемые в уроке находятся в репозитории https://github.com/studentIvan/fcp-lesson-files

Практическая часть с 9:50

Используемые в ролике статьи и ресурсы:
https://httparchive.org/reports/state-of-javascript
https://httparchive.org/reports/loading-speed
https://medium.com/@addyosmani/the-cost-of-javascript-in-2018-7d8950fbb5d4
https://medium.com/dev-channel/a-pinterest-progressive-web-app-performance-case-study-3bd6ed2e6154
https://hnpwa.com
https://developers.google.com/web/tools/lighthouse
https://sandbox.imgix.com/create
https://developer.mozilla.org/ru/docs/Web/CSS/@font-face/font-display
https://developer.mozilla.org/ru/docs/Web/API/Intersection_Observer_API

Для запуска статических файлов использовался сервер simplehttp2server:
https://github.com/GoogleChromeLabs/simplehttp2server

Видео Повышаем производительность и скорость загрузки сайта простыми способами канала loftblog