Оценка производительности браузеров

LambdaTest

LambdaTest, новое облачное программное обеспечение для тестирования, которое позволяет вам тестировать следующее.

Тестирование интерактивного браузера в реальном времени — запустите ВМ (виртуальную машину) в облаке с нужным браузером и устройствами для выполнения теста.

Существует более 1400 вариантов комбинации браузеров, где вы можете сделать тест.

  • Рабочий стол — Chrome, Firefox, Safari, Internet Explorer, Opera
  • Мобильный телефон — Samsung, Motorola, HTC, Google, iPhone, iPad, Amazon Kindle

И не только браузер, вы можете запустить его на соответствующей ОС.

Давайте рассмотрим сценарий проблемы в реальном времени

Один из пользователей жалуется на то, что какая-то функция не работает при нажатии на нее. Пользователь Яндекса на Mac версии 10.13.

Как бы вы решили проблему?

Ну что ж, выбираем Яндекс и выбираем версию ОС. Вот и все, как видите, я попробовал запустить Geekflare.

К счастью, вы можете полностью воспроизвести проблему, поскольку у вас есть полнофункциональный браузер, в котором вы можете взаимодействовать с приложением, как на локальном ПК.

Не останавливайтесь на достигнутом, вы можете сделать больше.

  • Вы можете интегрировать учетную запись LambdaTest с Slack, Asana, Jira и Trello, чтобы отправить подробности теста для регистрации ошибок.
  • Запишите видео, чтобы отправить его своему клиенту или разработчику.
  • Измените разрешение, как на локальном компьютере.
  • Сделаqnt скриншот

Насколько это круто?

One-click screenshot — сделайте скриншот нескольких браузеров / устройств данной веб-страницы в один клик.

Полезно, когда вы просто хотите посмотреть, как ваша целевая страница перед запуском продукта выглядит на разных устройствах.

Адаптивный тест — проверьте, как ваша страница отображается в Google Pixel, Samsung Galaxy, iPhone Plus, One Plus и многих других с различным разрешением.

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

Умное сравнение — сравните два изображения, чтобы быстро определить проблему, связанную с размером отступа, значком, цветом, макетом, текстом, положением элемента.

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

Бесплатная проверка на кросс браузерность

Adobe BrowserLab

Adobe BrowserLab — это бесплатный инструмент, который позволяет протестировать ваш проект в различных версиях Chrome, Safari, IE и Firefox. Он предоставляет несколько способов просмотра страниц, включая полно экранный обзор и визуальное сравнение разных вариантов. Сервис может получать динамические страницы через сеть, или его можно использовать локально через Firebug или Adobe Dreamweaver CS5. Также допускается определять комбинацию наборов браузеров, если вам не нужно тестировать проект в очень старых версиях.

Browsershots

Browsershots — вероятно наиболее полный бесплатный инструмент для тестирования, доступный в настоящее время. Он включает варианты браузеров для Linux, Windows и BSD. На нем также можно найти браузеры, о которых вы могли и не знать (например, Galeon, Iceape, Kazehakase и Epiphany). По умолчанию Browsershots проводит проверки на последних версиях браузеров, но доступны и старые варианты.

Чем больше браузеров будет определено для проверки, тем больше времени уйдет на подготовку результатов. Данный факт надо учитывать при выборе набора браузеров.

SuperPreview

SuperPreview является предложением Microsoft в области кросс браузерной проверки  (и он совместим только с Windows). Инструмент позволяет определять набор браузеров для проведения тестов. Он работает с любым браузером, установленным на вашей системе (механизм вывода IE6 встроен в него). Данный факт является причиной его быстрой работы (не нужно ждать загрузки или окончания обработки на удаленном сервисе), но и ограничивает набор доступных браузеров для сравнения.

SuperPreview является бесплатным инструментом и планируется как часть Expression Web. В онлайн версии имеется поддержка  Chrome, Safari (Mac) 4+5, Firefox 3+4. Также можно использовать интерактивный режим для веб сайтов, которые требуют регистрации перед выводом страниц, которые надо проверить. Есть инструмент отладки для DOM. К сожалению, отсутствует поддержка Opera, даже если она установлена локально.

Lunascape

Lunascape — это браузер с тройным механизмом вывода для Windows. Он использует Trident (IE), Gecko (Firefox) и Webkit (Chrome и Safari). Поэтому вы можете увидеть, как выглядит ваш сайт во всех трех вариантах в виде визуального сравнения. Хотя Lunascape не является традиционным инструментом тестирования, тем не менее, он будет очень полезен для дизайнеров и разработчиков. Его основным преимуществом является моментальный просмотр страниц сайта во всех трех вариантах механизмов вывода. Lunascape также поддерживает расширения и плагины Firefox, так что вы можете использовать Firebug для диагностики проблем совместимости.

IETester

IETester — браузер для Windows, который позволяет использовать механизмы вывода и JavaScript для просмотра сайта в версиях IE10, IE9, IE8, IE7, IE6 и IE5.5. Для работы инструмента требуется Windows 7, Windows Vista или Windows XP с IE7.

IE NetRenderer

IE NetRenderer позволяет проверить совместимость с сайта с Internet Explorer версий от 5.5 до 9. Вам придется проверять каждую версию индивидуально.

Spoon

Spoon — сервис для имитации приложений. На нем доступны различные версии Firefox, Chrome, Opera и Safari для пользователей Windows. Недостаток: Internet Explorer поддерживается механизмом виртуализации Spoon, но по требованию Microsoft данный браузер исключен из вариантов тестирования..

Browsera (бесплатная и коммерческая версии)

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

В бесплатном варианте доступен ограниченный набор браузеров и низкое разрешение снимков экрана. Коммерческая версия стоит $39 за один проект и от  $49 до $99 за месячную подписку, и в нем доступны большой список браузеров, высокое разрешение снимков экрана и проверка страниц, требующих регистрации пользователя.

Browserling (бесплатная и коммерческая версии)

Browserling — сравнительно новое приложение для проверки кросс браузерности. Оно поддерживает ограниченный набор браузеров (и необязательно новейших версий), что ограничивает круг его пользователей среди разработчиков. Browserling все еще находится в стадии бета тестирования, и, может быть, список браузеров, расширится в ближайшем будущем.

Бесплатная версия имеет ограничение по времени сессии в размере 5 минут, а коммерческий вариант без ограничений стоит $20в месяц.

5 последних уроков рубрики «Разное»

  • Выбрать хороший хостинг для своего сайта достаточно сложная задача. Особенно сейчас, когда на рынке услуг хостинга действует несколько сотен игроков с очень привлекательными предложениями. Хорошим вариантом является лидер рейтинга Хостинг Ниндзя — Макхост.

  • Как разместить свой сайт на хостинге? Правильно выбранный хороший хостинг — это будущее Ваших сайтов

    Проект готов, Все проверено на локальном сервере OpenServer и можно переносить сайт на хостинг. Вот только какую компанию выбрать? Предлагаю рассмотреть хостинг fornex.com. Отличное место для твоего проекта с перспективами бурного роста.

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

  • Подборка из нескольких десятков ресурсов для создания мокапов и прототипов.

Какой браузер выбрать

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

Подбирайте браузер для Windows, опираясь на следующие данные тестирования:

самая высокая скорость быстродействия у программного обеспечения Опера; функции JavaScript быстрее прогружаются в браузере Chrome. Ему требуется всего 50 миллисекунд для полной загрузки встраиваемого программного языка. Чуть меньше необходимо Яндексу; для геймеров, играющих в онлайн-игры на базе HTML-5, а также специалистов, работающих с графикой внутри сайтов отрисовка анимационных сцен быстрее всего происходит в Хром. Не рекомендуются для игр и тяжелых графических ресурсов программные обеспечения Яндекс и Firefox; для загрузки сайтов с JavaScript используйте Гугл Хром. Не рекомендуется заходить на ресурсы через Яндекс; для слабых компьютеров с малым количеством оперативной памяти (до 4 Гбайт) и старыми процессорами рекомендуется устанавливать Firefox или Opera. Больше всего потребляет Яндекс; пользователи, которых волнует безопасность посещения сайтов, могут использовать Firefox

Приложение разработано для прозрачного серфинга в интернете, не собирает статистику данных: при желании посещать заблокированные ресурсы обратите внимание на браузерные программы Google Chrome и Firefox. В планах их разработчиков создать алгоритмы, с помощью которых можно обойти блокировку

По метрике статистики Yandex. Радар порядка 41% пользователей используют Гугл Хром, около 20% пользуются Яндексом. На долю Файерфокс и Опера приходится всего по 5%. Оставшиеся 29% устанавливают на свои компьютеры другие программы. Если брать мировые статистические данные, то 75% населения, пользующихся Windows, отдают предпочтение Chrome.

В ходе тестирования обнаружилось, что самым быстрым браузером для операционной оболочки Windows является Google Chrome, немного ему уступает Опера, третье место занимает Яндекс. Браузер. Эти веб-приложения разработаны на основе Chromium. Firefox, использующий собственный программный код, работает медленнее, но потребляет меньше всего оперативной памяти.

Общие тесты

Спидометр 2.0

Этот тест имитирует действия пользователя по добавлению, завершению и удалению задач, используя несколько примеров в TodoMVC. Каждый пример в TodoMVC реализует одно и то же приложение задач с использованием DOM API по-разному. Некоторые вызывают API-интерфейсы DOM напрямую из ECMAScript 5 (ES5), ECMASCript 2015 (ES6), ES6, перенесенного в ES5, и Elm, перенесенного в ES5. Другие используют одну из одиннадцати популярных фреймворков JavaScript: React, React with Redux, Ember.js, Backbone.js, AngularJS, (новый) Angular, Vue.js, jQuery, Preact, Inferno и Flight. Многие из этих фреймворков используются на самых популярных веб-сайтах в мире, таких как Facebook и Twitter. Производительность этих типов операций зависит от скорости API-интерфейсов DOM, механизма JavaScript, разрешения стилей CSS, макета и других технологий.

Миротворец

Peacekeeper — это платформенно-независимый тест от Futuremark, который тестирует рендеринг, математические операции и операции с памятью. Это занимает ок. 5 минут на выполнение и сообщает результаты других браузеров с другими процессорами. Futuremark прекратил поддержку Peacekeeper в июле 2015 года. Тест был отключен в марте 2018 года и больше не доступен.

Speed-Battle

Тестирование движка JavaScript с использованием простых алгоритмов. Он отображает результаты других посетителей (лучшие, средние, худшие) с той же операционной системой и версией браузера. У него есть дополнительная страница статистики с рейтингом браузера.

Тест-драйв

Microsoft поддерживает набор тестов, ориентированных на производительность, часто предназначенных для тестирования и проверки производительности JavaScript и рендеринга. Эти тесты обычно предназначены для демонстрации производительности IE , но они совместимы с другими основными браузерами.

WebXPRT

WebXPRT — это кросс-платформенный бенчмарк для браузеров, который выполняет рабочие нагрузки на основе HTML5 и JavaScript. Тест дает баллы для шести отдельных рабочих нагрузок, а также общий балл. WebXPRT публикуется сообществом разработчиков BenchmarkXPRT, которое администрируется компанией Principled Technologies, и является одним из тестов BenchmarkXPRT. WebXPRT 3 — это самая последняя версия WebXPRT.

Use Chromium Device Emulation #

You can run tests with Chromium’s built-in device emulator in Google Chrome, Chromium and Chromium-based Microsoft Edge. Use the browser parameter.

Substitute a User Agent

Use the parameter to substitute a user agent string.

JavaScript API

When you launch TestCafe with JavaScript API, provide the user agent string in the runner.browsers method parameter. Escape semicolons from the TestCafe argument parser with a double backslash — as shown below:

Command Line Interface

You need to escape special characters in the user agent string when you specify it in the command line. These characters include the following:

  • (backslash)
  • (single quote)
  • (double quote)
  • (comma)
  • (semicolon)
  • (colon)

The way to escape special characters depends on the shell you use. You also need to escape semicolons from the TestCafe argument parser with an additional backslash.

The following examples show how to escape user agent screens in and .

bash

In , enter a dollar sign before the argument to allow single quotes. Escape special characters with a backslash and use a double backslash for semicolons — to escape them from the TestCafe argument parser:

PowerShell

In , escape special characters with a single quote and use a backslash for semicolons — to escape them from the TestCafe argument parser:

Emulator Parameters

Use the following parameters to configure the Chrome device emulator. Specify them after the parameter as in the examples above.

Parameter Type Description Default
(optional) String The emulated device name (see the full list of supported devices in DevTools -> ⠇-> Settings -> Devices). No default value.
(optional) Number The device screen width in pixels. The width of the selected device. If the parameter is not set, the default browser width is used.
(optional) Number The device’s screen height in pixels. The height of the selected device. If the parameter is not set, the default browser height is used.
(optional) Number Device scale factor value. Depends on the selected or your system parameters.
(optional) Boolean Defines whether to emulate a mobile device. This includes the viewport meta tag, overlay scrollbars, text autosizing, etc. if a mobile device is set via the property. Otherwise, .
(optional) | The device orientation
(optional) String The user agent string The user agent string of the selected or the browser.
(optional) Boolean Enables or disables touch event emulation. if a touch-supported device is set via the property or your system supports touch events. Otherwise, .
(optional) Number A port (0-65535) used for Chrome Debugging Protocol. if you load a user profile with the or flag. Otherwise, TestCafe automatically assigns a free port.

Тестирование современными сервисами

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

Среди веб-специалистов и интернет-пользователей себя хорошо зарекомендовали сервисы:

  • Speedometer 2.0. Программный алгоритм разработан с целью измерения скорости отклика на действия пользователя. Предлагается воспроизвести стандартные для обычной деятельности действия. Сервис начисляет баллы по принципу – чем выше скорость, тем больше очков рейтинга получит веб-продукт;
  • ARES 6. Программа анализирует функционал быстродействия JavaScript. Сервис измеряет параметры в миллисекундах. Чем меньше времени требуется веб-приложению на загрузку скрипта, тем лучше;
  • Motion Mark. Анализирует графические возможности браузерной программу по скорости и качеству отображения анимационных сцен с большим количеством меняющихся кадров. Чем быстрее отрисовка, тем выше начисляется балл. Сервис нагружает веб-приложение разнообразными меняющимися сложными графическими объектами;

JetStream. Специальный тест, который позволяет проверить скорость выполнения самых популярных на всех сайтах скриптов Java. Чем быстрее приложение обрабатывает встраиваемый программный язык, тем быстрее видит результат пользователь. Сервис требует много времени на проверку.

Совет!

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

Результаты исследования скорости браузеров

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

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

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

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

Исходные данные для анализа:

  • Период сбора данных – 1 год
  • Количество участвующих пользователей – 189 761
  • Анализируемый сайт – BiznesSystem.ru
  • Источник данных – GoogleAnalitics

На картинке приведены общие показатели моего блога за весь этот период (кликните для увеличения).

Общее время загрузки страницы с момента нажатия на ссылку и до момента полной загрузки страницы в браузере составило 16,68 сек. Для того, чтобы получить чистое время обработки данных браузером, нам надо вычесть все остальные числа, получится – 15,56 секунды.

В среднем браузеры пользователей тратили 15,56 секунды на отображение моего блога, а 1,12 секунды уходило на отправку запроса к серверам и передачу данных.

Теперь давайте посмотрим, с какой скоростью работали разные браузеры. Всего, google analytics зафиксировал 56 разных типов, но я беру в расчет только первые 10 позиций, так как суммарно они включают более 97% загрузок.

Результаты проверки скорости

В правой колонке таблицы показано среднее время загрузки страниц по всем испытуемым (черта посередине) и отклонение каждого браузера от среднего. Со знаком минус (зеленые полоски) означает, что страницы загружались быстрее на указанный процент, красные полосы – страница загружались медленнее на указанный процент.

Для персональных компьютеров:

  • Самый быстрый браузер – Chrome
  • 2 место – Opera
  • 3 место – Firefox

Для мобильных устройств:

Лидер – Opera mini

Как видно на картинке, самым быстрым просмотрщиком для персональных компьютеров оказался Chrome. Но, скорость работы его конкурентов (Opera, Firefox, Яндекс браузер и InternetExplorer) не намного ниже. Максимальное отставание имеет Яндекс, но и оно равно, всего, 20% – при загрузке большинства сайтов это будет незаметно.

Аутсайдером среди обычных браузеров стал MRChrome – это браузер от mail.ru, созданный на платформе chrome. Но, как видите, платформа лидера не помогла, и он проигрывает собрату более чем в 2 раза, а это уже заметно.

Явными чемпионами, как и явными аутсайдерами оказались веб браузеры для мобильных устройств. Opera mini и US Browser обеспечивают быструю загрузку сайтов за счет двух моментов. Во-первых, мобильные браузеры не имеют всевозможных надстроек и баров, замедляющих их работу. Во-вторых, оба лиюдера используют собственные прокси сервера, на которых проходит первичная обработка данных – они сжимаются и кэшируются, за счет этого нагрузка на конечное устройство уменьшается.

Почему подобной технологии не имеет Android Browser мне непонятно.

Выводы:

  1. Мобильные версии, использующие прокси сервера работают быстрее.
  2. Чемпионом среди браузеров для ПК является Chrome, но его преимущество минимально, поэтому, можно пользоваться любым удобным для вас вариантом, разница будет невелика.

Comodo Dragon

Comodo Dragon, пожалуй, самое раскрученное решение для безопасного серфинга в сети после Tor Browser. Dragon претендует на роль универсального решения для тех, кому неохота ждать по полчаса, пока запустится Tor.

INFO

Репутация Comodo однажды серьезно пострадала — когда в 2016 году компанию уличили в том, что ее продукты без спроса ставили на компьютеры VNC-сервер.

На самом деле чуваки из Comodo сделали целых два секьюрных браузера с одним и тем же набором функций, но на разных движках: Comodo Dragon на платформе Chromium и Ice Dragon на базе Firefox. Среди заявленных возможностей — встроенная защита от малвари, использование безопасных DNS, блокировка cookies и валидация доменов для борьбы с фишингом.

Вариант 1. Присоединись к сообществу «Xakep.ru», чтобы читать все материалы на сайте

Членство в сообществе в течение указанного срока откроет тебе доступ ко ВСЕМ материалам «Хакера», позволит скачивать выпуски в PDF, отключит рекламу на сайте и увеличит личную накопительную скидку!
Подробнее

Вариант 2. Открой один материал

Заинтересовала статья, но нет возможности стать членом клуба «Xakep.ru»? Тогда этот вариант для тебя!
Обрати внимание: этот способ подходит только для статей, опубликованных более двух месяцев назад.

Я уже участник «Xakep.ru»

О методике тестирования и конкурсантах

Методика довольно проста: с официальных сайтов скачиваются и устанавливаются самые актуальные версии браузеров (alfa, beta, RC), устанавливаются последние версии Java и Flash, в сети выбираются тесты, тестируем. Испытания подбираются такие, чтобы они не зависели от скорости Интернет-соединения, чтобы их рекомендовали авторитетные источники, третьим немаловажным фактором является отсутствие «аллергии» на них в сообществе (некоторые тесты из испытательного цикла исключены т.к. была найдена информация об их «заточенности» под определённый браузер). Все браузеры тестируются что называется «из коробки», т.е. они не настраиваются и не надстраиваются.

Конкурсанты

  • Google Chrome 11.0.672.2 Dev
  • Opera 11.50 build 24581 (тестовый билд, с новым HTML5 парсером)
  • Internet Explorer 9.0 RC 32-разрядная версия (далее IE)
  • Firefox 4.0b12 (далее FF)

Что такое кросс-браузерное тестирование?

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

  • Других браузерах. Не тех нескольких, которые вы регулярно используете, а о довольно старых, которые некоторые люди могут использовать до сих пор, и которые не поддерживают современные возможности CSS и JavaScript.
  • Разных устройствах с разными возможностями, начиная от последних лучших планшетов, смартфонов и «умных» телевизоров, до дешевых устройств и самых старых смартфонов, в которых браузеры могут работать с ограниченными возможностями.
  • Людях с инвалидностью, которые используют Web с помощью вспомогательных технологий, таких как скринридеры, или не используют мышь (некоторые используют только клавиатуру).

Поймите, что вы — не ваши пользователи — если ваш сайт работает на Macbook Pro или Galaxy Nexus, это не значит, что он будет работать так для всех пользователей —  нужно сделать много тестов!

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

Мы должны поговорить немного о терминологии. Для начала, когда мы говорим о сайтах, «работающих кросс-браузерно», на самом деле мы говорим о том, что они должны обеспечивать приемлимое удобство использования в разных браузерах. Это нормально, если сайт выглядит немного по-разному в разных браузерах, главное он должен обеспечивать полную функциональность.В современных браузерах вы можете сделать что-то анимированным или использовать 3D, тогда как в старых браузерах вы можете лишь показать плоскую картинку, предоставляющую ту же информацию. Если владелец сайта доволен, вы сделали свое дело.

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

Когда мы говорим «приемлимое количество браузеров», мы не говорим, что это должно быть 100% всех браузеров в мире — это почти невозможно. Вы можете собрать информацию о том, какими браузеры и устройства используют ваши пользователи (это мы обсудим во второй статье — см. ), но это ничего не гарантирует. Как веб-разработчик, вы должны определить для себя несколько браузеров и устройств, на которых код должен работать полностью, но кроме этого, вы должны писать код так, чтобы и другие браузеры были способны максимально использовать ваш сайт (defensive coding). Это одна из самых больших проблем веб-разработки.

Примечание: Мы разберем defensive coding позже в этом модуле.

Вычисляем лучший браузер для Windows

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

Что бы Вам ни говорили знакомые «специалисты», а производительность браузера, скорость загрузки и отображения им страниц сайтов ЗАВИСИТ ОТ МОЩНОСТИ КОМПЬЮТЕРА.

Поэтому переползаю (уже 2 часа ночи ) за «недетский» компьютер своей любимой жены (чтоб цифры были более впечатляющие) и приступаю к тесту браузеров.

Мои подопытные кролики — Mozilla Firefox 33.1.1 и Google Chrome 39.0.2171.65 (64-bit). Кстати, производители последнего говорят, что эта версия на 25% производительнее 32-bit — установите оба и проведите битву, а затем расскажите нам о результатах.

Запускаю любимый браузер и перехожу на один из самых популярных, впечатляющих и зрелищных онлайн-тестов обозревателей сети Интернет —  Peacekeeper (к сожалению, этот лучший тест браузеров больше недоступен ).

Будьте готовы к ожиданию результата около 5 минут. И вот, что я получил в итоге…



Теперь запускаю второй браузер и повторяю операцию…

С существенным отрывом в этом тесте побеждает Google Chrome. Может в других реабилитируется?

Тестирую браузеры во втором, не менее авторитетном тесте — browsermark.rightware_com. Получаю результат Mozilla Firefox…

…и Google Chrome…

И тут уверенное лидерство продукта «корпорации добра»

А вот и третий тест — octane-benchmark.googlecode_com. Сначала, как всегда, Mozilla Firefox…

…затем Google Chrome…

Статусы

  • HTML5 — Working Draft, ожидается, что в мае будет WD LC
  • HTML MicroData — WD
  • Geolocation — Candidate Recommendation (единственное исключение из всей обоймы)
  • Web Messaging и Server Sent Events — WD LC
  • Web Sockets API — WD (оставляем за рамками обзора переменчивость протокола)
  • File API — WD, недавно только перешагнувший рубеж первой версии черновика
  • Web Storage — WD
  • Indexed DB — WD
  • Web SQL Database — работа прекращена, но автор позволяет набирать баллы тем, кто не поддерживает Indexed DB
  • Web Workers — WD LC
  • Local Devices — нет в спеке от W3C, полтора месяца назад исключено из спецификации от WHATWG и заменено на API
  • DOM Range/Text Selection — отдельное свойство другой спецификации
  • CSSOM View Module/Scrolling — отдельное свойство перенесенное в другую спецификацию (редакторскую версию)

Местами, как уже сказано выше, изменчивость такова, что тест уже не соответствует реальному состоянию дел на ниве веб-стандартов

Versions Comparison

Feature Free Community Corporate
Overall score Yes Console Yes
Detection details Yes Console Yes
Problems indication Yes Console Yes
Suite scores No Console Yes
Individual test scores No No Yes
Test meta information No No Yes
Select suite No URL Yes
Select test No No Yes
Conformance testing Opt-out Opt-in Opt-in1
Automated result submit Yes2 Yes3 No
Basemark Database save Yes Yes Possible4
Server access logs* Yes Yes Yes
Automated test run No Yes Yes
Source Code Access No No Yes
Battery Test Yes Yes Yes

*Server access logs are visible only for selected Basemark personnel and will be used only to monitor server activity in general level1Local installation cannot test Page Load & Responsiveness capability2Result will be submitted automatically to Power Board3Result will be submitted automatically to Power Board after successful Full Test run4Corporate mode users can select how data is treated: By default Basemark Web 3.0 doesn’t save anything, but user can also select that data is saved only for the corporate, or as public data

Scoring

What is the maximum number of points you can score?

If a browser passes all tests it would receive the maximum score of 555. Previous
versions of the HTML5test had less tests and therefore also a lower maximum score, such as 160, 300, 450, 475 and 500 points.
Previous versions of this test also awarded bonus points for some features, but as of version 5, we
no longer do.

The scoring seems arbitrary, who decides how many points are awarded?

We decided to award points for each feature depending on how important that feature is for web developers
and how difficult it is to implement that feature. A small and simple feature would be worth less points than a
large and complicated feature. We think this is the most honest way to grade browsers, because otherwise a browser
that only supports the small and simple features would score as high or higher than a browser that went the
extra mile and decided to tackle the big features. But in the end it is based on personal preference,
but I doubt there is a truly objective alternative.

Бенчмарки

Это специализированные программы для тестирования производительности компьютера в 3D-приложениях, которые ещё называют «синтетикой», позволяют выяснить производительность любого РС в абсолютном выражении. Вы всегда сможете сравнить результаты вашей машины с данными миллионов других тестеров.

Кроме того, бенчмарки не требуют установки специализированных программ и показывают нагрузку на все элементы компьютера в реальном времени. Однако к минусам данных программ можно отнести то, что в них никто не играет, то бишь результат в играх может заметно отличаться в обе стороны от того, что вы намеряете бенчем. Оттого и «синтетика».

Список ведущих бенчмарков следующий:

3DMark (скачать для Windows | iOS | Android | Windows Phone)

3DMark с поддержкой DirectX 12 и 4K-разрешения — последняя версия самого популярного в мире бенчмарка. История 3DMark насчитывает более 10 лет и специалисты Futuremark всегда радовали аудиторию запоминающейся графикой. Так случилось и в этот раз — 3DMark (2013) запомнится потрясающим демотестом Fire Strike и четверкой графических профилей, прогнав каждый из которых вы оцените производительность собственной видеокарты.

3DMark 11 (скачать для Windows)

Вполне заслуженно мы отдали второе место еще одному продукту Futuremark. Вышедший в 2011 году бенчмарк пусть и не является таким же сложным, как 3DMark (2013), но все еще способен поставить слабые системы на колени — а еще вы сможете прогнать целый ряд тестов, например, на физику или на скорость обмена данными.

Unigine Heaven (скачать для Windows)

Один из самых красивых (в свое время) бенчмарков, специально заточенный для тестирования возможностей DirectX 11. Последняя версия позволяет оценить производительность актуальных видеокарт при использовании современных технологий.

FurMark (скачать для Windows)

Так называемый «бублик», раскаляющий вашу систему до тех пор, пока она не сгорит. Нет, серьезно, производители компьютерного железа даже не рекомендуют его использовать. Тем не менее, FurMark позволяет неплохо проверить возможности охлаждения вашей видеокарты и какой будет её температура при максимальной нагрузке.

Catzilla (скачать для Windows)

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

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

Выводы по содержанию тестов

поверхностностьПроизвольность раздачи балловперекос акцентовБагивещи, не имеющие прямого отношения к веб-стандартамВыборочность проверяемых стандартов

Что не тестирует h5t?

не

  • функциональность детектируемых возможностей, в большинстве случаев ограничиваясь проверкой наличия нужного объекта, свойства или метода;
  • всех новых возможностей HTML5, помимо функциональности, без внимания остаются:
    • многие новые (например, role и aria-*) и старые атрибуты, расширившие или изменившие область применения,
    • расширение области действия многих событий
    • и ряд других нюансов относительно изменившегося поведения многих элементов;
  • реальную поддержку SVG или MathML, ограничиваясь распознаванием namespace;
  • множество новых специкаций, которые можно отнести к поколению «HTML5», представляющих не меньший интерес, чем те, что выбрал автор. Например, чтобы дополнительно разбавить акцент на HTML5, можно также тестировать:
    • Navigation Timing
    • Progress Events
    • RDFa API
    • System Information API
    • MediaCapture API
    • Calendar API
    • Clipboard API
    • и ряд других не менее интересных и сырых спецификаций 🙂
Оцените статью
Рейтинг автора
5
Материал подготовил
Андрей Измаилов
Наш эксперт
Написано статей
116
Добавить комментарий