Как проверить и проверить веб-страницу на наличие ошибок

ошибка

Доступны десятки сервисов, которые могут проверять ваш сайт на наличие ошибок и находить способы улучшения различных веб-страниц. Ниже приведен список некоторых наших любимых бесплатных онлайн-сервисов.

  • Общий веб-сайт и проверки HTML
  • Проверка CSS
  • Тесты скорости
  • доступность
  • Подвижная готовности
  • Анализ сайта
  • Проверка блога
  • Тестирование юзабилити сайта

Общий веб-сайт и проверки HTML

  • Проверка разметки W3C — Официальный валидатор Консорциума World Wide Web. Бесценный ресурс для проверки HTML, XHTML или других языков разметки, которые вы используете на своей веб-странице на наличие ошибок.
  • Инструменты Google для веб-мастеров — обязательно для любого веб-мастера. С помощью этого бесплатного сервиса вы можете идентифицировать любую страницу или ссылки с ошибками, сканировать на наличие вредоносных программ, находить страницы с короткими или отсутствующими заголовками, находить дубликаты метатегов и многое другое. Следует отметить, что вам понадобится учетная запись Google, чтобы использовать эти инструменты.
  • Silktide Nibbler — фантастический бесплатный онлайн-сервис, который дает вам хороший полный обзор вашего сайта с общим счетом.
  • Woorank — еще один фантастический бесплатный онлайн-инструмент, который дает вам быстрый и легкий для чтения обзор проблем, которые могут возникнуть на вашем сайте.
  • HTML Tidy — простой и удобный в использовании онлайн-инструмент, который позволяет выявлять любые ошибки HTML, которые могут возникнуть на вашей странице.
  • Feng-GUI — загрузите изображение своей домашней страницы или других страниц и создайте тепловую карту того, куда глаза посетителя, скорее всего, пойдут первыми.

Проверка CSS

  • W3C CSS validation service — Служба проверки CSS W3C. Отображает любые ошибки или предупреждения о соответствии, которые есть в любом коде CSS.
  • CSS Compressor — Хотя этот сервис не может проверять наличие ошибок, он является отличным инструментом для использования после проверки вашего кода CSS. Используя этот инструмент, вы можете уменьшить свой CSS-файл, чтобы увеличить общее время загрузки каждой страницы, которая ссылается на него, а также уменьшить общий объем используемой полосы пропускания.

Тест скорости

  • WebPagetest — Наш любимый инструмент для тестирования времени загрузки веб-страниц.
  • GTmetrix — ускоряет тестирование веб-страницы, а также оптимизирует версии изображений, страниц и скриптов.
  • Инструменты Pingdom — фантастический сервис, который дает вам хороший и удобный для понимания обзор того, сколько времени требуется для загрузки чего-либо на ваших веб-страницах. Большинство посетителей сайта тратят всего несколько секунд на ожидание загрузки страницы, поэтому быстрое время загрузки крайне важно для успешного сайта.
  • WebSiteOptimization — сервис, используемый для определения того, сколько времени требуется для загрузки вашей веб-страницы и что вы можете сделать, чтобы она быстрее загружалась.
  • Проверка сжатия содержимого веб-страницы. Протестируйте отдельную страницу или элемент на странице (например, файл .CSS или .JS), чтобы проверить, сжимается ли она перед отправкой с использованием gzip.
  • Глобальный тест производительности времени загрузки — Проверьте время загрузки вашей веб-страницы по всему миру.
  • Архив HTTP — Предоставляет полную историю скорости веб-сайта, который может вернуться несколько месяцев назад.
  • Влияние на нагрузку — отличный онлайн-тест для проверки вашего сайта будет хорошо работать при больших объемах трафика.
  • WhichLoadsFaster — если вы обновляете или редактируете веб-сайт, это отличное место для быстрого тестирования и сравнения времени загрузки между двумя разными страницами.

доступность

  • Browsershots — Проверьте, насколько доступны ваши веб-страницы во всех интернет-браузерах.
  • Фильтр дальтоников — посмотрите, как выглядит ваша страница для тех, кто страдает дальтонизмом. Использование этой страницы гарантирует, что если у кого-то, посещающего ваш сайт, есть дальтонизм, он не пропустит что-то из-за плохой цветовой схемы.
  • HERA — Убедитесь, что все, независимо от инвалидности, могут просматривать ваши страницы.
  • html2txt — отличный способ преобразования вашей HTML-страницы в текстовый документ. Эта страница полезна, потому что многие специальные инструменты для слепых преобразуют страницы в текст. Используя этот инструмент, вы можете получить хорошее представление о том, как слепой может прочитать вашу страницу.
  • Средство тестирования читаемости — проверьте читабельность вашего веб-сайта и получите лучшее представление о том, сколько людей будет понимать ваш контент.
  • IE NetRender — IE NetRender — отличный онлайн-сервис, который позволяет вам видеть, как ваша страница отображается в разных версиях Microsoft Internet Explorer. Этот инструмент полезен, если вам нужно протестировать вашу веб-страницу в более старом браузере, таком как IE6, который, как известно, имеет проблемы совместимости с CSS.

Подвижная готовности

  • mobiReady — проверьте, насколько совместим ваш веб-сайт или блог при просмотре на мобильном устройстве. Он не только дает вам подробную информацию о том, почему ваш веб-сайт может работать, либо может не работать, но также показывает демонстрацию того, как страница будет загружаться на разных мобильных устройствах.

Анализ сайта

  • Google Analytics — предоставляет вам полную информацию о посетителях вашего сайта, какие браузеры они используют, какие страницы они покидают, что они искали и многое другое. Эта услуга может помочь выявить проблемы, которые могли пропустить другие службы.

Проверка блога

Если ваша страница является блогом, подумайте, работает ли мой блог? проверить и убедиться, что все работает, и получить дополнительную информацию о вашей странице.

Тестирование юзабилити сайта

Просмотр ваших сайтов друзьями, родственниками и коллегами — отличный способ убедиться, что ваш сайт не только работает, но и работает на разных компьютерах. Другие сервисы, такие как UsabilityHub Fivesecondtest, также могут проверять общую привлекательность вашего сайта.

Ссылка на основную публикацию
Adblock
detector