главная > блог > UX: учет быстродействие браузера при приемке сайта

Быстродействие браузера как фактор разработки и тестирования сайта

Фотография устройств, на которых я провел тестирование:


Изначально 99% вычислительной работы при формировании страницы происходило на стороне сервера и функция браузера на стороне пользователя ограничивалась форматированием верстки. При этом узким местом для скорости работы сайта был только интернет-канал.

Сейчас большое количество вычислений организуется на стороне пользователя в его браузере (JavaScript, jQuery, различные фреймворки). Вычислительная нагрузка на клиентскую часть увеличивает время до полной прогрузки и генерации страницы. Вычислительная мощность устройства и используемый браузер стали более критичными факторами быстродействия сайта, чем интернет-канал.

Сложность этой проблемы для заказчика заключается в том, что разработчики, как специалисты, имеют наиболее современные устройства и быстрые браузеры, на которых и тестируют разрабатываемые сайты. Я не встречал разработчиков, которые тестируют сайты на посредственном оборудовании. Типовой ответ - "у нас такого нет". А у клиентов ещё есть и не мало.

Сайт, который работает у разработчиков работает быстро, будет тормозить у посетителей со средними параметрами устройств или медленным браузером. Посетители будут уходить на более быстрые сайты. В результате о проблемах для своих клиентов заказчик во время разработки не узнает, поскольку о них не знают и разработчики.

Кроме мощности устройств на быстроту работы сайта сильно влияет и выбор посетителями браузера. Как видно в небольшом исследовании ниже, разница в скорости вычислений в разных браузерах на одном устройстве достигает 40 раз!
(десктоп под Win10, сравнение Firefox - Opera).

Ниже таблица сделанной мной проверки скорости вычислительных операций JavaScript на нескольких популярных устройствах и браузерах с помощью сервиса speed-battle.com:
Устройство, браузер Calculate
Android Smartfon
Firefox 13.13
Android browser 5.57
Android Table
Firefox 16.52
Android browser 13.47
iPhone
Google Chrome 26.95
Safari 9.66
iPad
Safari 16.52
Google Chrome 9.23
Desctop Win10
Firefox 24.38
Google Chrome 1.94
Opera 0.67
Yandex browser 1.02
Вы легко можете потерять значительную часть клиентов с сайта, если они пользуются относительно медленным браузером и устройствами, в то время как разработчики сдают вам работу на современном устройстве с быстрым браузером.

Скриншоты результатов тестов браузеров на компьютере с Win10:


Кроме прямого ухода клиентов, раздраженных долгой прогрузкой страниц, вы получаете ещё и снижение качества пользовательского поведения на сайте, что является негативным фактором для поисковых систем.

БЛОГ ПО ВЕБ-РАЗРАБОТКЕ И SEO

• SEO: мои лекции в курсе Политеха
• SEO: как я стал асессором Яндекса
• SeoTools.ru: мой бесплатный курс для начинающих
• UX и UI ошибки в примерах
• UI и супер-адаптивная верстка
• Контент: Турку - Стокгольм
• SEO: мой анализатор логов вместо Аналитикса и Метрики
• Маркетинг: делаем персональный оффер до лида
• Стратегия: Про достижение целей и планирование
• SEO: Атака ботов поведенческими
• UI: физиология зрения и проектирование сайта
• Контент: Тайна улыбки Джоконды
• SEO: Конверсии поисковых запросов в лиды
• SEO: Как бруазеры следят за пользователями
• UX: учет быстродействие браузера при приемке сайта
• SEO: Критерии качества текста для Яндекса
• SEO: поведенческие факторы Яндекса
• SEO: Закладки вместо ссылок
• Выступление: Ярмарка недвижимости 2016
• SEO: Истинное постраничное ранжирование Яндекса
• Реклама: эффективность разных баннеров
• Маркетинг: Продающий вебинар
• Проекты: Загородный портал СПб 2008
• UX: Google повторил мои сервис "тропинки" в 2011
• UX: Яндекс повторил мой сервис "тропинки" в 2009
• Выступление: СПИК 2008, Санкт-Петербург
• Выступление: КИБ 2008, Москва
• Выступление: "User Expirience 2007", Москва
• UX: анализ User Experience - карты тропинок по сайту 2007
• SEO: Текстоптимайзер 2006
• Проекты: статья в Деловом Петербурге
• Проекты: CMS WebDirector 2005
• SEO: Оценка рисков поискового продвижения
• SEO: Нелинейная выдача на Яндексе 2006
• Контент: Город на Неве
• Контент: Лисий нос - Кронштадт
• Хобби: Фотография
• Контент: Поддельный 'Дом Романовых'
• Контент: Ладожская Атлантида
• Статья (рассылка Ашманова): SEO пантеон: Слово, Ссылка... Тема.
• UX: Улучшаю Яндекс - ищем по запросу в рамках темы
• Статья: Оптимизация текста по методу Остапа Бендера.
• Статья (рассылка Ашманова): Четвертый фактор. Новое в оценке видимости сайта на поисковых системах
• Статья (рассылка Ашманова): Тайные стратегии оптимизаторов
• Веб-разработка: проблема отношений заказчика и студии
• Маркетинг: Удаляем конкурентов из Яндекса 2005
• UX: Поведение - смотрим глазами посетителя
• SEO: Тематические рейтинги сайтов по видимости 2003
• Статья: Критерии для постановки задачи и оценки результатов продвижения
• SEO: сервис и скрипт проверки текста на уникальность
• Контент: Фукусима-1 и АЭС в Сосновом Бору
• SEO: мои инструменты для поисковой оптимизации 2000
• Программирование: JS/TrojanDownloader.Agent.NRL
• Программирование: Определитель местоположения телефона
• Дизайн: логотипы с 1991
• Дизайн: полиграфия 1995-2005
• Компьютерный стереоскоп 1994
• 3D: Корабельный навигационный мостик 1994