Все любят рассказывать, как нужно делать правильно. Поговорим о том, чем можно угробить скорость загрузки сайта. При этом большинство проблем возникает как раз при попытках ускорить сайт, поэтому названия антипаттернов практически совпадают с некоторыми рекомендациями по ускорению.

В силу своей деятельности мы накопили целый набор типичных проблем с производительностью фронтенда и связанных с этим вещей.

Приведём список основных антипаттернов:
1. Использование CDN (не так и не там, где надо).
2. Подключение шрифтов с внешних служб.
3. Автоматическое объединение ресурсов.
4. Генерация миниатюр (картинки).
5. (Недо-) сжатие текста.
6. TLS и HTTP/2.
7. Обработчики событий - load, DOMContentLoaded.
8. Адаптивные версии - размер, оптимизация.
9. Единая точка отказа (SPOF) во фронтенде.
10. Антиметрики скорости.

К счастью, большинство проблем можно легко решить, о чём мы тоже поговорим.