Тестирование дизайна сайта - Online сервисы

Тема в разделе "Веб-дизайн", создана пользователем WiZXaK, 10 дек 2012.

Статус темы:
Закрыта.
Модераторы: zek24
  1. WiZXaK

    WiZXaK Причиняю добро

    Регистр.:
    8 сен 2012
    Сообщения:
    582
    Симпатии:
    800
    - Дизайн сайта (мб. и сайт полностью) готов. Что дальше? А дальше прежде чем выпускать проект в свет, необходимо протестировать наш сайт на функциональность дизайна, возможные ошибки, работоспособность в различных браузерах, а также скорость загрузки нашего проета. В этом нам поможет подборка Online сервисов для тестирования:

    Проверка скорости загрузки сайта:
    https://developers.google.com/speed/pagespeed/insights - Популярный сервис от Google
    http://tools.pingdom.com/fpt/ - График загрузки каждого элемента страницы, возможность провести тест из разных точек земного шара, рекомендации по ускорению скорости работы сайта.
    http://whichloadsfaster.com/ - Можно сравнить скорость своего сайта с конкурентами.
    http://www.webpagetest.org/ - Неплохой сервис для опытных вебмастеров.
    http://www.websiteoptimization.com/services/analyze/ - Древнй сервис тестирования загрузки сайта. (2003г.)
    http://www.showslow.com/ - Сервис с открытым исходным кодом.
    http://site-perf.com/ - Проверки качества сети между сервером проверки и сайтом с помощью отправки некоторых видов пакетов.
    http://loadimpact.com/ - Неплохой сервис проверки отказоустойчивости вашего сайта.
    http://www.octagate.com/service/SiteTimer/ - Простой сервис проверки, где что тормозит загрузку сайта.
    http://www.neustar.biz/enterprise/web-performance - График загрузки сайта, трассирует сеть до хостинга.

    http://gtmetrix.com/ - оценка производительности и разных технических моментов.

    Тестирования адаптивности дизайна сайта:
    http://www.mobilephoneemulator.com/ - Достойный эмулятор iPhone
    http://www.responsivedesigntest.net/
    https://quirktools.com/screenfly/ - Проверка расширений Iphone, Android и др. устройств.
    http://dfcb.github.com/Responsivator/ - онлайн-сервис для быстрой проверки функционала шаблона сайта на экранах различного разрешения.
    http://bradfrostweb.com/demo/ish/ - Сервис предоставляет возможность автоматического переключения между разными размерами (режим Disco).
    http://quirktools.com/screenfly/ - как будет выглядеть шаблон сайта на экранах различных устройств.
    http://viewlike.us/ - Тест адаптивности по моделям устройств.


    Тестирования сайта в разных браузерах:
    http://browsershots.org/ - Скриншотит ваш сайт в 65 браузеров.
    https://browserlab.adobe.com/en-us/index.html - Бесплатный онлайн сервис от Adobe CS
    http://netrenderer.com/ - Онлайн-сервис только для браузера Internet Explorer версий: 9, 8, 7, 6, 5.5.
    http://www.browsercam.com/ - Тестирование любым браузером и любой платформой. (платный)
    http://spoon.net/browsers/ - Firefox, Chrome, Opera и Safari - IE (отключина).


    Валидаторы [Проверка на ошибки]
    http://wave.webaim.org/ - Онлайн-инструмент оценки доступности и юзабилити сайта
    http://jigsaw.w3.org/css-validator/ - Известный онлайн-сервис проверки валидности CSS
    http://www.onlinewebcheck.com/ - Подробно описывает в чем ошибка и как ее исправить
    http://validator.w3.org/ - Этот валидатор проверяет HTML, XHTML, SMIL, MathML, и т.д.
    - http://validator.w3.org/feed/ - Валидатор для Atom/RSS лент.
    - http://validator.w3.org/checklink - Валидатор “битых” линков.
    - http://validator.w3.org/mobile/ - Валидатор для мобильных устройств.


    Безопасность:
    http://www.yougetsignal.com/tools/open-ports/ - Сервис для проверки открытых портов на любом хостинге, по IP.

    Прочее:
    http://pr-cy.ru - популярный SEO инструмент
    http://www.cys.ru/ - Интернет сервис автоматической оценки качества сайта.
    http://www.graffity.biz/products/link_checker/ - Проверка ссылок на ошибку 404
    http://www.copyscape.com/ - Знаменитый сервис проверки сайта на плагиат.
    http://host-tracker.com/ - Сайт проверки доступности.
    http://internetsupervision.com/scripts/urlcheck/check.aspx - Проверка расположения


    Комплексное тестирование:
    http://webdevchecklist.ru/ - Проверь перед выкладкой!

    Бонус:


    P.S: Напоследок скажу простую истину: лучший тест для сайта - это Ваши пользователи, настраивайте удобную обратную связь и спрашивайте! спрашивайте! спрашивайте!!! (Не путать с флудом на форумах на тему "как вам мой сайт?"), Узнавайте именно у Вашей целевой аудитории, им же пользоваться вашим сайтом. Удачи! :pioner:

    *Не используйте ветку для набора постов - благодарю.*
     
    Последнее редактирование: 25 май 2014
    drozd22, Smooch, Петр2014 и 21 другим нравится это.
  2. WiZXaK

    WiZXaK Причиняю добро

    Регистр.:
    8 сен 2012
    Сообщения:
    582
    Симпатии:
    800
    Это моя подборка из сети лучших известных мне - каждый для своих целей.
    P.S: Многим online сервисам есть альтернатива в виде расширений от известных браузеров.
     
  3. kuzmit42

    kuzmit42 Постоялец

    Регистр.:
    9 янв 2013
    Сообщения:
    131
    Симпатии:
    31
    Вот еще пару ссылок.
    Проверка скорости загрузки:
    Webo.in - сервис проверки скорости загрузки сайта
    Оптимизация:
    csscompressor.com/ - Компрессор CSS
    closure-compiler.appspot.com/home - Компрессор JavaScript
     
  4. dremon

    dremon Создатель

    Регистр.:
    7 июл 2011
    Сообщения:
    13
    Симпатии:
    14
    Я пользуюсь вот такой штукой: http://webdevchecklist.com/

    Просто шикарно, всем разработчикам и веб-мастерам рекомендую!
     
  5. torturesru

    torturesru

    Регистр.:
    20 сен 2012
    Сообщения:
    292
    Симпатии:
    64
  6. gibson

    gibson Писатель

    Регистр.:
    11 сен 2012
    Сообщения:
    5
    Симпатии:
    0
    Для тестирования юзабилити интерфейса можно воспользоваться специалистами сервиса sitepolice.ru , если заказывать нескольких аудиторов, то получается не дорого. Находят много ошибок и делают грамотные предложения. Ну и бред конечно иногда пишут, но это издержки )
     
  7. vitalyx

    vitalyx Создатель

    Регистр.:
    16 май 2013
    Сообщения:
    15
    Симпатии:
    1
     
  8. JimmmiHokings

    JimmmiHokings Создатель

    Регистр.:
    19 май 2013
    Сообщения:
    13
    Симпатии:
    2
    test1985 и sitecreator нравится это.
  9. dark_lord

    dark_lord Создатель

    Регистр.:
    16 июл 2009
    Сообщения:
    24
    Симпатии:
    3
    Я пользуюсь вот такой штукой
    http://dean.edwards.name/packer/

    Просто шикарно, всем разработчикам и веб-мастерам
     
  10. kdgroup

    kdgroup Создатель

    Регистр.:
    20 ноя 2012
    Сообщения:
    5
    Симпатии:
    6
    Ещё есть полезный зарубежный сервис для юзабилити тестирования старинцы.
    Он автоматически предполагает как человеческий глаз будет смотреть на страницу и покажет какие места на сайте более заметны.
    С помощью него можно более важные вещи сайта поставить на самое видное место, а не важные, сместить в невидимую зону.
    В общем выводы можно сделать любые.
    http://www.feng-gui.com/
     
    Anushik нравится это.
Статус темы:
Закрыта.