WebPerformanceChecklist
WebPerformanceChecklist copied to clipboard
Несколько предложений/дополнений чеклисту
- При использовании HTTP2 на сервере совет с минимизацией кол-ва загружаемых файлов уже не так однозначен, т. к. этот новый протокол лучше работает multiple requests. К примеру, во многих случаях быстрее будет загрузить несколько небольших изображений, чем один большой спрайт. Does using image sprites make sense in HTTP/2?
- Для тяжелых лендингов или высоких одностраничных сайтов есть смысл сделать critical css
- Для тяжелых кастомных шрифтов можно ограничить лишние языки/символы (например, с помощью unicode-range)
- Также, могут быть полезными техники предзагрузки/кеширования (Preconnect, prefetch, prerender, Prefetching, preloading, prebrowsing)
Есть смысл конвертировать изображения в webp формат
Иконочные шрифты если используются - оставлять только необходимые, например с помощью http://fontello.com/
Добавил про critical css (спасибо Pull Request'у). Добавил про SVG. Все остальные замечания добавлю в ближайшие дни, спасибо. Также сделаю англоязычную версию.