Сервисы для тестирования верстки сайта 💻

1) Сервисы для проверки сайта на разных разрешениях экрана и разных устройствах:
✅ iloveadaptive — уникальный сервис по разработке и тестированию адаптивной HTML-верcтки под все устройства.
✅ BrowserStack и lambdatest — SAAS-платформа для тестирования frontend на эмуляторах реальных устройств, запущенных в виртуальной машине сервиса.
2) Сервисы для валидации:
✅ W3C validator — проверка соответствия HTML-кода страниц сайта и CSS-кода на корректность.
✅ Яндекс.Вебмастер “Валидатор микроразметки” — позволяет проверить семантическую разметку, внедренную на вашем сайте, и убедиться в том, что роботы поисковых систем смогут извлечь структурированные данные.
✅ PerfectPixel — расширение для Chrome, позволяющий накладывать изображение макета поверх сайта.
3) Сервисы по оптимизации сайта:
✅ Google Speed — комплексный инструмент для определения производительности, удобства и выбора эффективных путей оптимизации сайта.
✅ Think with google — проверяет удобство просмотра на мобильных устройствах, а также скорость работы страницы на мобильных и настольных устройствах.
4) Сервисы для написания автоматизированных тестов:
✅ Jest — фреймворк для тестирования JavaScript, основным преимуществом которого является скорость и простота.
✅ Selenium — инструмент для автоматизации действий браузера и тестирования frontend.
5) Проверка работоспособности различных технологий в браузерах:
✅ CanIUse — инструмент, благодаря которому можно узнать, в каких десктопных и мобильных браузерах поддерживаются различные веб-стандарты.
✅ Kangax.github — таблица работоспособности различных функций javascript на разных движках и в разных браузерах.
6) Проверка некорректных ссылок:
✅ Screaming Frog — SEO-инструмент, который позволяет находить некорректные и битые ссылки на сайте.
✅ Check My Links — расширение для браузера Chrome, позволяет проверить текущую страницу на наличие “битых” или неправильных ссылок.
7) Инст-ты для минификации и оптимизации ресурсов:
✅ Terser — библиотека для минификации скриптов.
✅ Compressor, Image Compressor, TinyPNG — сервисы для сжатия изображений с возможностью детальной настройки степени сжатия.