Начните с того, что загружается
На статическом сайте основная стоимость часто приходится не на HTML, а на шрифты, изображения, сторонние скрипты и тяжёлые эффекты. Прежде чем оптимизировать мелочи, откройте список сетевых запросов и выясните, какие файлы действительно нужны первому экрану. Неизмеренная «быстрота» — такой же пустой лозунг, как обещание идеальной производительности.
Практический бюджет
Для текстового журнала можно держать CSS и JavaScript небольшими, не использовать лишние зависимости и проверять вес каждой новой иллюстрации. Добавление большого фонового видео должно иметь смысл, который перевешивает стоимость загрузки. Реальные измерения стоит делать на телефоне и медленном соединении, а не только на компьютере разработчика.
Веб-шрифт весом больше всего остального сайта вместе требует отдельного обоснования.
Три пункта для проверки
- Запишите число внешних запросов.
- Проверьте страницу при ограниченной скорости.
- Следите за ростом веса каждой новой версии.