-
Все картинки, шрифты и тд должны иметь уникальное название в рамках проекта и не содержать кириллических символов. Если в проекте нет индивидуальных соглашений, то они должны именоваться в стиле lower-case-hyphenated;
-
В проекте обязательно должен быть favicon.ico, подключаемый на всех страницах;
как это сделать используя webpack, очень хорошо написано в этой статье
-
В сафари своя версия favicon, ее тоже обязательно надо настраивать;
То есть нужна svg для контура иконки и нужен цвет для иконки при наведении. Статья
-
Прогонять картинки через kraken.io или использовать свои CLI-утилиты для этого;
-
Все фотографии и картинки, где нет прозрачности, делать в jpg;
-
При нарезке картинок из фотошопа поставить DPI равным 72dpi, а саму картинку сохраняйте через "Save for Web";
-
Максимальная ширина картинки 1920 пикселей, если в макетах она больше - пропорционально ужимайте;
На самом деле это правило спорно (как минимум для ретина дисплеев я не уверен), но следуйте ему, пока дизайнер не скажет другого