Модульный сайт

Качество верстки

Качество верстки сайта.⠀
Как ускорить загрузку своего сайта на любых устройствах.⠀

При сборке верстки важно, не только собрать ее как на макете – pixel perfect, но и убедиться в скорости ее загрузки.⠀

Заказчик самостоятельно может проверить качество верстки сайта в сервисе PageSpeed Insights. По результатам проверки Вы увидите баллы качества по шкале от 0 до 100 и рекомендации к улучшению. На основании их сформируйте Исполнителю задачу.⠀

Чтобы добиться высоких показателей качества сайта, а следовательно повысить скорость загрузки страницы, необходимо предусмотреть следующие решения:⠀

1. Объединить JavaScript и CSS стили. Скрипты и стили загружайте со своего сервера;⠀
2. Перенести скрипты вниз страницы;⠀
3. Для мобильных устройств и десктопных используйте два разных размера изображений, для этого отлично подойдёт тег: . Так же не забывайте о весе изображения, не стоит на мобильном устройстве грузить изображение выше 200кб;⠀
4. Используйте отложенную загрузку изображений с помощью скрипта lazy;⠀
5. Отложите загрузку скриптов, которые не влияют на отображение страницы, например callkeeper и прочие виджеты;⠀
6. Для карт и видео с YouTube используйте api, скрипты грузите после начала взаимодействия с блоком;⠀
7. Сократите HTML код, возможны дублированные части кода одного и того же блока для мобильного устройства и десктоп. Избегайте этого.⠀

Скорость загрузки страницы напрямую влияет на отказы и ранжирование в поисковой выдачи.⠀

Всем добра и качественной разработки.⠀

КРЫМ ТОП