Мы, конечно, дико извиняемся, но таки на сервере возникла ошибка. Пожалуйста, перезагрузите эту страницу.

Анализ и тестирование основных характеристик работы сайта на примере su27.ru

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

Соответствие сайта требованиям стандарта HTML - обязательное условие

Чтобы сайт корректно отображался и достаточно одинаково выглядел на большинстве современных устройствах, код сайта должен соответствовать стандартам. Эти стандарты устанавливает международный консорциум W3C и все устройства в той или иной мере следуют им. Для того, чтобы проверить соответствие страницы сайта этим стандартам, на сайте W3C существует инструмент проверки. Обычно, мы используем для верстки самый современный и самый лучший на сегодняшний день стандарт HTML5 Мы проверили домашнюю (основную) страницу нашего сайта и получили отличные результаты:
валидация html

Адаптивность дизайна к различным устройствам и скорость загрузки

Проще и быстрее всего проверить скорость загрузки и адаптивность дизайна с помощью различных устройств. Но держать в руках и постоянно пользоваться целой пачкой различных гаджетов, попеременно на каждом их них открывая разрабатываемые сайты, несколько утомительно. Поэтому мы пользуемся инструментами. В качестве основного инструмента мы используем PageSpeed Insights, с помощью которого мы оцениваем скорость загрузки страниц сайта и качество их отображения на экране мобильных устройств:
проверка скорости загрузки Помимо основного PageSpeed Insights, мы используем MobileTest.me для эмуляции работы сайта на конкретных мобильных устройствах. Сервис позволяет посмотреть как работает сайт на различных популярных устройствах:

iPhone 5 iPhone5
Sumsung Galaxy Y SamsungGalaxyY

Детализация процесса загрузки - что, когда, и зачем загружается на странице

Если вы еще тут, давайте посмотрим более детально как загружается главная страница нашего сайта в настоящее время. Для этого мы используем встроенный в браузер FireFox инструмент веб-разработчика:
карта загрузки сайта На этой прекрасной картинке можно увидеть, что страница загружается и начинает отображаться примерно через 500 миллисекунд после открытия ее в окне браузера. Примерно через 1 секунду после открытия, страница полностью загрузилась и выглядит абсолютно корректно во всех смыслах. Весь процесс загрузки, включая социальные кнопки, счетчики аналитики, систему поиска и прочее полезное, но не необходимое добро, занимает около 3.5 секунд, в зависимости от производительности компьютера пользователя и скорости его интернет-соединения.
Самый важный аспект загрузки наших сайтов заключается в том, что они загружаются в независимости от любых сторонних сервисов, что позволяет им работать даже тогда, когда какие-то из этих сервисов выведены из строя, заблокированы или просто очень медленно работают.

Нагрузочное тестирование сайта с помощью jMeter

Мы проводим нагрузочное тестирование с помощью программы jMeter, которая является абсолютным лидером по количеству способов тестирования и методов их реализации. В самом простом случае мы эмулируем посещение страницы сайта без каких-либо интерактивных действий, производя одновременные запросы 30-50 пользователей с одного компьютера одновременно:
jMeter На этой прекрасной картинке четко видно, как наш сайт начал кэшировать запросы и как стремительно уменьшилось время обработки запроса после начала кэширования. Расчетное число посетителей сайта составляет около 5.5 миллионов в минуту, т.е. порядка 1.5 тысяч запросов пользователей в секунду. Теперь понятно, почему наши сайты никто не DDoS'ит? Это просто очень дорого стоит для атакующих.
Еще одна картинка, на которой запрос идет только к самой странице, без картинок, стилей, скриптов и всего такого прочего. Используется для построения интерактивных элементов сайта, типа корзины в интернет-магазинах:
jMeter Такая ситуация моделируется для высоко-нагруженных страниц, которые максимально оптимизируются для работы в тяжелых условиях очень большого трафика. Здесь прогнозируется порядка 41 миллиона запросов в минуту, т.е. порядка 11 тысяч в секунду. Остались еще вопросы по DDoS'у и производительности?

Тестирование сайта различными on-line сервисами

Используя распределенное тестирование на нагрузку с помощью jMeter, в котором можно сделать практически какой-угодно сценарий запросов, и имея возможность проводить тестирование любым числом серверов в любом из ДЦ AWS Amazon по всему миру, мы практически никогда не используем on-line сервисы для тестирования. Но для получения независимого отчета или с какой-нибудь другой целью, иногда мы проводим тестирование и сторонними средствами.

Сервис loadimpact.com предоставляет возможность бесплатного тестирования сайта на нагрузку, используя несложные сценарии. В платном варианте гибкость и мощность проводимых испытаний увеличивается. Мы проводили тестирование согласно несложному сценарию, созданному автоматически. Он эмилирует работу нескольких виртуальных пользователей (VU):

сценарий тестирования

Используя этот сценарий, сервис в течении 5 минут постепенно поднимал нагрузку до 50 одновременных пользователей:
общий вид тестирования Помимо общей красивой картинки роста нагрузки и колебаний времени ответа сайта, можно посмотреть несколько маленьких графиков с различными показателями тестирования:
другие графики тестирования

Сервис webpagetest.org позволяет анализировать работу сайта, используя различные типы систем и браузеров, расположенных в разных ДЦ во многих странах, и с разным типом подключения к интернету:
последовательность загрузки На этой прекрасной картинке можно увидеть последовательность и время загрузки всех компонентов страницы сайта. Вертикальные отметки показывают важные вехи загрузки. К примеру, видно что в момент +1 секунда от начала загрузки страница была полностью готова к прорисовке ее браузером. Еще можно посмотреть полный список запросов, время их выполнения, размер загружаемого компонента и другие сведения:
подробности запросов

Более простой вариант on-line тестирования предлагает pingdom.com, более понятный и с большими количеством инструментов для анализа. Подходит для быстрого первичного анализа работы страницы:
последовательность загрузки

Итоги анализа и тестирования сайта

По результатам тестирования можно сделать два важных итоговых вывода:

  1. страница соответствует стандартам HTML5 и корректно выглядит на подавляющем большинстве современных устройств;
  2. тестируемая страница загружается за время около 0.5-1.0 секунд и не требует больших ресурсов для отображения;
  3. страница не имеет блокирующих загрузку компонентов и не зависит от сторонних ресурсов.

Попробуйте протестировать по этой методике свой сайт и оцените результат. Если результат будет не слишком утешительный, мы поможем вам его улучшить.

Оставьте здесь URL своего сайта и контакты для связи, и мы сделаем все как надо.

ваш контактный телефон
удалить
ваш контактный телефон, если вы хотите, чтобы мы позвонили вам:
имя для обращения к вам
удалить
ваше имя или что-то другое, чтобы мы могли к вас как-то обращаться:
электронная почта e-Mail
удалить
ваш контактный e-Mail, чтобы мы могли переписываться с вами по поводу заявки:
адрес вашего сайта
удалить
адрес вашего сайта, который вы хотите улучшить:
дополнительная информация
удалить
Вкратце опишите, пожалуйста, что именно вам не нравится в работе вашего сайта. Что вы хотите улучшить или изменить. Не более 2000 символов. Если затрудняетесь с описанием, оставьте это поле пустым.
2000
Форма не содержит данных, нечего отправлять.
Данные формы содержат ошибки. Пожалуйста, обратите внимание на выделенные поля.
Ошибка авторизации. Пожалуйста, проверьте свой логин и пароль.
Мы уже получили ваш запрос, спасибо.
отправить заявку

Данные отправлены успешно, спасибо.

двигать
свернуть
искать на сайте
на главную страницу карта сайта тревога TelegramSmartUnion телефон8 (800) 301-75-66 WhatsAppWhatsApp телефон+7 (926) 254-78-79
© Smart Union - 2014-2019 год, «SU27»
Icons made by Freepik from www.flaticon.com is licensed by CC BY 3.0