Тестирование верстки
Чтобы в дальнейшем с проектом не возникло проблем, верстка должна быть качественной. Поэтому ее надо тестировать. Ниже я написал, как тестирую верстку.
- Валидатор - проверка верстки на ошибки в разметке и синтаксисе HTML.
- Pagespeed - проверка скорости загрузки сайта. Хорошим считается результат от 90 до 100. Если результат ниже, то можете оптимизировать картинки или удалить лишний код, но в целом результат этого теста не так значителен.
- Разное количество текста. Проверяйте вашу структуру с разным количеством текста. Верстка не должна ломаться, но бывают исключения.
- Картинки разного размера. Тоже самое касается картинок. При добавлении картинок большого размера, ничего не должно ломаться. Для этого для img можете задать свойство max-width: 100%;
- Разные устройства. Проверяйте верстку на компьютере, телефоне, планшете. Верстка должна корректно отображаться везде.
Статья про тестирование верстки в одной компании: https://vc.ru/dev/199130-kak-my-testiruem-frontend-html-verstku-chek-list