Чек-лист проверки вёрстки

Помимо визуальной оценки выполненной работы, чтобы всё было ровно и на своих местах в разных браузерах и на разных устройствах, крайне желательно осуществить техническую проверку.

Скорость по PageSpeed Insights

Если вдруг не знаете, что это, в двух словах: скорость загрузки и отрисовки сайта на устройстве пользователя.
Имеет важность: для поискового продвижения (SEO) и, в целом, это конкурентное преимущество — быстрый сайт нравится людям больше медленного.
Проверять здесь: https://pagespeed.web.dev/

Все инструкции присутствуют по указанной выше ссылке. Кратко о главном: проверять необходимо все ключевые страницы сайта (главная, каталог, карточка товара). Они должны быть не ниже 50 баллов, совсем хорошо — больше 90.

Валидация HTML-кода

Для справки: часто бывает так, что визуально на сайте, вроде бы, всё нормально, а по факту в HTML-коде присутствуют ошибки. Вот их и проверяем.
Здесь: https://validator.w3.org

Там всё на английском, но ошибки выделены красным, что и без знания иностранного языка видно и понятно. Не должно быть ошибок в нормальной вёрстке.

Валидация CSS-кода

То же, что и в предыдущем пункте — не должно быть ошибок.
Проверять тут: https://jigsaw.w3.org/css-validator/

Если всё «ок»

Крайне желательно только после проверки вёрстки в указанных сервисах переходить к интеграции макета дизайна непосредственно в Netcat CMS.