CC BY
57АНАЛИЗ РЕЗУЛЬТАТОВ АУДИТА СЕТЕВЫХ ИНФОРМАЦИОННЫХ РЕСУРСОВ МЧС РОССИИ
М.В. Буйневич, доктор технических наук, профессор; А.В. Максимов, кандидат технических наук; А.В. Вострых.
Санкт-Петербургский университет ГПС МЧС России
Сетевые информационные ресурсы МЧС России, и прежде всего сайты, являются одним из главных источников информации для общественности и основой формирования имиджа министерства, поэтому сайты постоянно модернизируются и улучшаются. Прослеживается положительная тенденция в усовершенствовании как дизайна, так и технических элементов сетевых информационных ресурсов. В статье проанализированы результаты их аудита, в основном, на предмет скорости загрузки сайтов как одного из главных показателей эффективности взаимодействия с целевой аудиторией. Даны обоснованные практические рекомендации по оптимизации параметров скорости загрузки.
Ключевые слова: сетевые информационные ресурсы, сайты, аудит, скорость загрузки, целевая аудитория
NETWORK INFORMATION RESOURCES OF THE EMERCOM OF RUSSIA: AUDIT S RESULTS ANALYSIS
M.V. Buinevich; A.V. Maksimov; A.V. Vostrykh.
Saint-Petersburg university of State fire service of EMERCOM of Russia
The network information resources of the EMERCOM of Russia, and above all the websites, are one of the main sources of information for the public and the basis for forming the image of the ministry, therefore the websites are constantly being modernized and improved. There is a positive trend in improving both the design and the technical elements of network information resources. The article analyzes the results of their audit, mainly regarding the speed of loading sites, as one of the main indicators of the effectiveness of interaction with the target audience. Practical reasonable recommendations are given for optimizing download speed parameters.
Keywords: network information resources, sites, audit, download speed, target audience
Центральный интернет-портал МЧС России (https://www.mchs.gov.ru/) и сайты главных управлений по субъектам Российской Федерации являются одними из главных и достоверных источников статистической и оперативной информации о пожарах и результатах надзорной деятельности, происшествиях и чрезвычайных ситуациях (ЧС), а также источником рекомендаций и предупреждений о складывающейся метеорологической обстановке и т.д. [1]. Этим достигаются новые, более широкие возможности по обеспечению информационных потребностей граждан и общества в области техносферной, пожарной и прочих видов безопасности.
Все информационные сайты МЧС России имеют общий (в смысле, единый) лаконичный дизайн, адаптивную структуру и систему управления, тем самым через элементы гиперссылок на другие порталы реализуется интеграция со сторонними корпоративными ресурсами, создаётся единое информационное пространство министерства, позволяющее вести эффективный диалог между руководством, сотрудниками и общественностью.
Имея огромную разнообразную аудиторию, информационные сайты должны развиваться и соответствовать как многочисленным информационным потребностям
пользователей, так и последним требованиям технологий, предъявляемым к качественным информационным ресурсам [2].
От того насколько грамотно спроектированы серверы МЧС России и находящиеся на них сайты, зависит эффективность информационного обмена с пользователями, что, естественно, сказывается на имидже и престиже всего министерства в целом у сотрудников его структурных подразделений, государственных служащих иных министерств и ведомств, «рядовых» граждан, а также средств массовой информации (включая зарубежные).
Проанализировав изменения структуры, технических особенностей, дизайна и логики информационно-технического взаимодействия на сайтах МЧС России с 2014 по 2019 гг., можно сделать предварительный вывод, что все изменения проходят с положительной динамикой и отвечают не только требованиям законодательства Российской Федерации в данной области, но и практически всем современным тенденциям [3-5]. В частности, сайты обновляются в режиме реального времени и внутренне организованы как многоуровневое объединение различных ресурсов и сервисов.
Особенно стоит выделить создание полноценной мобильной версии сайтов, чего явно не хватало современной аудитории на протяжении последних несколько лет. Согласно отчётам информационного агентства comScore [6] количество мобильных пользователей ещё в 2014 г. превысило число пользователей персональных компьютеров. Тем самым важность создания мобильной версии была неоспоримой, так как сайты МЧС России теряли практически половину потенциальной аудитории по причине невозможности получать информацию посредством мобильных устройств. В новой версии сайтов все элементы управления, цветовая схема и логика управления находятся на высоком уровне с возможностью обращения к сетевым информационным ресурсам с помощью гаджетов, имеющих любое разрешение дисплея [7].
Однако, несмотря на все положительные новшества, остаются и проблемные вопросы, центральным из которых является недостаточная скорость загрузки сайта. Данный показатель напрямую влияет на количество отказов, то есть количество пользователей, не дождавшихся загрузки контента и покинувших сайт, так и не получив необходимой информации. Проведенные исследования [8] показали, что период ожидания от 1 до 3 сек. -приводит к вероятности отказа в 32 %, от 3 до 5 сек. - 70 %, от 5 до 10 сек. - 90 %, свыше 10 сек. - почти 100 %.
Также низкая скорость загрузки сайтов является негативным фактором ранжирования в поисковых системах Google и Яндекс, что приводит к снижению позиций сайта в выдаче, трафика и конверсии, глубины просмотров и лояльности пользователей.
Скорость загрузки графических и текстовых элементов является одним из основных показателей качественно спроектированных интерфейсов и логики взаимодействия пользователей [9]. Недостаточное внимание к этой составляющей приводит к проявлению недоверия со стороны целых аудиторий, которые не в состоянии удовлетворить свои информационные потребности [10].
Согласно данным официального портала мониторинга государственных сайтов (https://gosmonitor.ru [11]), в период с сентября по декабрь 2019 г. центральный сайт МЧС России посетили более 800 тыс. человек со средним временем пребывания на ресурсе около трех минут. Основная часть аудитории (64 %) переходила на сайт по «ключевым» запросам, остальные (36 %) - с помощью «прямых» переходов и ссылок из социальных сетей, блогосферы и «рекомендательных» систем. Целевая аудитория по возрастным категориям распределилась следующим образом: 18-24 года - 16 %; 25-34 года - 27,6 %; 35-44 года -26,9 %; 45-54 года - 15,2 %; 55 лет и старше - 9,09 %, - причем основная доля аудитории (58 %) заходила на сайт МЧС России с персональных компьютеров, и 42 % - с мобильных устройств. Причина невысокого процента мобильных пользователей связана с недавним созданием полноценной мобильной версии, удобства которой полностью ещё не оценено аудиторией.
Для проведения сравнения центрального сайта МЧС России, расположенного по адресу https://www.mchs.gov.ru, на соответствие современным требованиям поисковых систем авторами использовался инструмент Google PageSpeed Insights [12]. Данный сервис анализирует производительность сайта на мобильных и десктопных устройствах, делая акцент на скорость загрузки контента. В зависимости от показателей сервис начисляет определённое количество баллов ресурсу по шкале от 0 до 100; оценка происходит с помощью автоматизированного инструмента Lighthouse. На странице сервиса вводится адрес сайта, где осуществляется проверка сразу для мобильной и десктопной версии. Первым результатом анализа выступает оценка эффективности страницы, результаты которой расшифровываются следующим образом:
- 90 и выше - высокая скорость загрузки;
- 50-89 - средняя скорость загрузки;
- менее 49 - низкая скорость загрузки.
Введя в адресную строку сервиса название сайта - https://www.mchs.gov.ru, были получены следующие результаты оценки скорости загрузки в баллах (рис. 1).
Рис. 1. Оценка скорости загрузки сайта на компьютере и мобильных устройствах
Из рис. 1 (круговой индикатор) видно, что скорость загрузки для мобильных устройств оценивается в 16 баллов (крайне низкая скорость), а для компьютеров - в 51 балл (нижний порог средней скорости). Также на рис. 1 показаны значения скорости отрисовки контента (FCP) и первой задержки ввода (FID), которые отображаются в процентах и милисекундах (ms).
Для улучшения этого показателя разработчикам сайта МЧС России необходимо провести следующую работу:
- уменьшить количество внешних ресурсов - каскадных таблиц стилей (CSS, от англ. Cascading Style Sheets), файлов и библиотек JavaScript (JS) [13, 14] - путем их укрупнения или даже удаления излишних (попавших в разработку из шаблонов-заготовок);
- провести HTTP-кэширование, что позволит повысить скорость извлечения данных за счёт загрузки файлов с сервера без выполнения повторных вычислений и обработки;
- ускорить загрузку FCP, CSS, JS, которая не должна превышать 2 500 ms. Граница предела ожидания в 2 500 ms основана на различных исследованиях современных аудиторий пользователей [15] и определена сервисом Google PageSpeed Insights как максимально допустимая для положительной оценки.
Следующий раздел аудита - «Имитация загрузки страницы» - содержит шесть показателей (рис. 2), повышение оценки каждого из которых зависит от качества перечисленных выше мероприятий:
1) время загрузки (отрисовки) первого контента (FCP, от англ. First Contentful Paint) -показатель, который определяет интервал времени между началом загрузки страницы и появлением первого информационного блока;
2) индекс скорости загрузки (Speed Index) - показывает, как быстро на странице появляется контент;
3) время загрузки для взаимодействия (TTI, от англ. Time to Interaction) - время, по истечению которого страница становится готова к взаимодействию с пользователем;
4) время загрузки достаточной части контента (FMP, от англ. First Meaningful Paint) -показатель, определяющий интервал времени между началом загрузки страницы и появлением основного контента;
5) время окончания работы центрального процессора или первый простой процессора (First CPU Idle) - время, когда на странице становится возможна обработка пользовательского ввода;
6) максимальная потенциальная задержка после первого ввода (FID, от англ. First Input Delay) - время выполнения самой длительной задачи в миллисекундах; если время реакции превышает 50 ms, пользователям может показаться, что приложение работает с задержками.
Q ДЛЯ МОБИЛЬНЫХ
Рис. 2. Имитация загрузки страницы сайта
Из рис. 2 видно, что кроме показателя «времени загрузки первого контента» только для компьютеров (отмечен зелёным цветом - 0,9 с; остальные пункты отмечены оранжевым цветом - удовлетворительная оценка, и красным - неудовлетворительная оценка), требуется комплексная доработка файлов и элементов сайта по всем показателям.
В разделе «Оптимизация» выделены «слабые» места проверяемого сайта, работа над которыми позволит ускорить загрузку. Результаты тестирования представлены на рис. 3 -и они, как видно, неудовлетворительны.
Разберём по пунктам полученные результаты:
В первом пункте «Используйте современные форматы изображений» сервис рекомендует применять новейшие форматы изображений, которые имеют значительные преимущества сжатия с сохранением качества рисунков, что позволит уменьшить «вес» изображений, автоматически увеличив скорость загрузки всей страницы. К таким форматам относятся: JPEG XR, WebP и JPEG 2000. Сохранение и загрузка изображений в этих форматах позволит исключить данное предупреждение, что индицирует о повышении скорости загрузки.
□ ДЛЯ КОМПЬЮТЕРОВ
Оптимизация - Эти рекомендации могут помочь вам ускорить загрузку страницы. Они не влияют на показатель производительности напрямую.
Возможности
Используйте современные форматы изображений
▲ Отложите загрузку скрытых изображений
Настройте эффективную кодировку изображений
■ Включите сжатие текста
■ Удалите неиспользуемый код CSS
ш Устраните ресурсы, блокирующие отображение
Сократите время ответа сервера (время до получения первого байта)
Приблизительная экономия 2,04 s V
1.2 s 0,76 s
0,76 s 0,4 s 0,31 s 0,02 s
Оптимизация - Эти рекомендации могут помочь вам ускорить загрузку страницы. Они не влияют на показатель производительности напрямую.
Возможности
Используйте современные форматы изображений
А Отложите загрузку скрытых изображений
Настройте эффективную кодировку изображений
▲ Включите сжатие текста
▲ Удалите неиспользуемый код CSS
А Устраните ресурсы, блокирующие отображение
Приблизительная экономия - 13,5 s ^
9,9 s -
4,95 s ^
4,35 s ~
2,4 s -
1,53 s v»
Рис. 3. Оптимизация сайта
Пункт «Отложите загрузку скрытых изображений» для сайта МЧС России рекомендует применять подход асинхронной загрузки изображений [16], который можно реализовать с помощью следующих инструментов: Lazy Load XT jQuery, Lazy loading, Yall, BLazy, Lazysizes [14]. Использование асинхронной загрузки позволит загружать не все изображения одновременно, а по мере их показа пользователю.
«Настройте эффективную кодировку изображений». Рекомендации данного пункта здесь выполняются использованием последних форматов изображений, указанных выше (пункт «Используйте современные форматы изображений»).
«Включите сжатие текста». Данный пункт выполняется применением алгоритмов сжатия для текстовой информации. Наиболее оптимальным решением видится использование GZIP как поддерживаемого большинством браузеров.
«Удалите неиспользуемый код CSS». Данный пункт указывает на то, что на сайте имеется неиспользуемый CSS-код, который тратит временные ресурсы на бесполезную загрузку [13]. Если известно, что такие блоки кода имеются, их необходимо удалить.
При нажатии на раскрывающийся список пункта «Устраните ресурсы, блокирующие отображение» появляются ссылки на JS-, CSS- и HTML-ресурсы, которые препятствуют загрузке контента страницы. В анализируемом сайте сервис отменил одну ссылку (/build/public.css), устранение которой позволит сэкономить 1 080 ms. В любом случае оптимизацию по данному пункту можно провести с помощью следующих манипуляций:
- загрузка только самого важного контента на первом экране;
- ограничение объема ресурсов, которые отображаются в верхней части страницы или их перенос в нижнюю часть сайта («футер», «подвал»);
- указание для JS файлов асинхронной загрузки [14];
- добавление в ссылку стилей значение «preload» атрибута «rel» и событие «onload» [13, 14];
- разбиение внешних CSS на несколько файлов по медиа-типам и медиа-запросам.
В последнем пункте «Сократите время ответа сервера» рассматриваемого раздела сервис Google Page Speed ставит низкую оценку анализируемому сайту по причине длительного времени отклика сервера. В идеале оно должно составлять не более 200 ms [16]. Медленная загрузка может быть связана с проблемами на хостинге, например внутренними неполадками у хостера, или блокировкой сайта за нагрузку с превышением лимитов. В этом случае необходимо обратиться в техническую поддержку компании, предоставляющей хостинг.
Раздел «Диагностика» - это дополнительная информация о соответствии страницы рекомендациям по производительности (рис. 4).
Здесь также большинство пунктов нуждаются в оптимизации. Рассмотрим способы ее реализации.
Пункт «Задайте правила эффективного использования кеша для статических объектов». Для оптимизации требуется настроить сервер так, чтобы кеширование статических файлов происходило с необходимой периодичностью. Для сайтов МЧС России, предоставляющих ежедневно актуальную информацию, оптимальным станет выбор правила еженедельного кеширования.
«Настройте показ всего текста во время загрузки веб-шрифтов». В данном пункте сообщается, что пользователи сайта не увидят текстовый контент до полной загрузки шрифтов. Необходимо добавить в тег «link» параметр «display=swap», тем самым браузер отобразит дополнительный шрифт, пока основной шрифт загружается.
Пункт «Уменьшите влияние стороннего кода» информирует, что сторонний код заблокировал основной поток на 2 090 ms. Рекомендуется использовать только самые необходимые сторонние ресурсы и сделать так, чтобы они загружались в последнюю очередь. В анализируемом сайте таковым является Yandex Metrica.
«Минимизируйте работу в основном потоке». Данный пункт подразумевает оптимизацию JS-кода, в которую входит удаление неиспользуемого кода, первоочередная загрузка только необходимых файлов, а также сжатие JS-файлов.
Пункт «Предотвратите чрезмерную нагрузку на сеть» выдаёт низкую оценку из-за неоптимизированных ресурсов сайта, к которым относятся изображения, стили, скрипты, текст и т.д. Способы их оптимизации рассмотрены в разделах выше.
а для компьютеров
Диагностика - Подробная информация о производительности вашего приложения. Эти цифры не влияют на показатель производительности напрямую
Задайте правила эффективного использования кеша для статических объектов — Найдено 54 ресурса
А Настройте показ всего текста во время загрузки веб-шрифтов
Уменьшите влияние стороннего кода - Сторонний код заблокировал основной поток на 350 мс
▲ Предотвратите чрезмерную нагрузку на сеть - Общий размер достиг 6 785 КБ А Сократите размер структуры DOM — 2184 элемента ■ Минимизируйте работу в основном потоке - 3,7 сек. Ш Сократите время выполнения кода JavaScript -2,4 сек.
Сократите глубину вложенности критических запросов - Найдено б цепочек
Постарайтесь уменьшить количество запросов и размеры передаваемых данных -
77 запросов ■ б 787 КБ
Диагностика - Подробная информация о производительности вашего приложения. Эти цифры не влияют на показатель производительности напрямую
Задайте правила эффективного использования кеша для статических объектов —
Найдено 54 ресурса
▲ Настройте показ всего текста во время загрузки веб-шрифтов ~
Уменьшите влияние стороннего кода - Сторонний код заблокировал основной поток
на 2 090 мс
▲ Минимизируйте работу в основном потоке — 12,8 сек. ^
▲ Предотвратите чрезмерную нагрузку на сеть - Общий размер достиг б 784 КБ ~ А Сократите время выполнения кода JavaScript — 9,5 сек. ~ А Сократите размер структуры DOM - 2 009 элементов
( Сократите глубину вложенности критических запросов - Найдено 6 цепочек ^
Постарайтесь уменьшить количество запросов и размеры передаваемых данных —
76 запросов • 6 785 КБ
Рис. 4. Диагностика сайта
«Сократите время выполнения кода JS». В данном пункте снова говорится о необходимости оптимизации JS-кода. В анализируемом сайте таковыми файлами являются /metrika/tag.js - 740 ms, /buil d/public.js - 666 ms, .. .TYDIjJAqC.. ,/recaptcha_en.js - 121 ms.
Пункт «Сократите размер структуры DOM» информирует, что в анализируемом сайте имеется большое «дерево» DOM (от англ. Document Object Model - «объектная модель документа»). «Дерево» DOM состоит из объектов, которые называются узлами, например это элементы HTML, текстовое содержимое, закомментированный код - все их следует сократить. Оптимальным количеством узлов в DOM является 1 500 при глубине в 32 узла [16].
Последний раздел под названием «Успешные аудиты» демонстрирует параметры, которые не нуждаются в оптимизации и доработке (рис. 5). Они удовлетворяют требованиям поисковых машин и современных стандартов.
ДЛЯ КОМПЬЮТЕРОВ
Успешные аудиты (8)
• Настройте подходящий размер изображений
• Уменьшите размер кода CSS
• Уменьшите размер кода JavaScript
• Используйте предварительное подключение к необходимым доменам
• Избегайте большого количества переадресаций
• Настройте предварительную загрузку ключевых запросов
• Используйте видеоформаты для анимированного контента
• Метки и промежутки пользовательского времени
Q ДЛЯ МОБИЛЬНЫХ
Успешные аудиты (8)
• Настройте подходящий размер изображений
• Уменьшите размер кода CSS
• Уменьшите размер кода JavaScript
• Используйте предварительное подключение к необходимым доменам
• Избегайте большого количества переадресаций
• Настройте предварительную загрузку ключевых запросов
• Используйте видеоформаты для анимированного контента
• Метки и промежутки пользовательского времени
Рис. 5. «Успешные аудиты» сайта
Таким образом, по результатам авторского опыта использования и аудита можно сделать вывод о том, что многолетняя модернизация сетевых информационных ресурсов МЧС России носит исключительно положительный характер, становясь с каждой версией всё более технологичным и «приятным» в использовании инструментом получения жизненно важной информации. Существующие на сегодня недостатки, в основном относящиеся к низкой скорости загрузки сайтов, носят лишь временный характер и с помощью таких сервисов, как Google PageSpeed Insights, могут быть устранены посредством выполнения пошаговых рекомендаций.
Литература
1. МЧС России. URL: http://www.mchs.gov.ru (дата обращения: 03.01.2020).
2. Нильсен Я., Лоранжер Х. Web-дизайн. Удобство использования Web-сайтов. М.: Вильямс, 2009.
3. Об обеспечении доступа к информации о деятельности государственных органов и органов местного самоуправления: Федер. закон Рос. Федерации от 9 февр. 2009 г. № 8-ФЗ. Доступ из справ.-правовой системы «КонсультантПлюс».
4. О Требованиях к технологическим, программным и лингвистическим средствам обеспечения пользования официальными сайтами федеральных органов исполнительной власти: приказ Министерства экономического развития Рос. Федерации (Минэкономразвития России) от 16 нояб. 2009 г. № 470 г. Доступ из справ.-правовой системы «КонсультантПлюс».
5. Методические рекомендации по внедрению принципов открытости в работу территориальных органов, организаций и учреждений центрального подчинения МЧС России (утв. МЧС России 22 дек. 2014 г. № 2-4-87-36-28). Доступ из справ.-правовой системы «КонсультантПлюс».
6. ComScore, Inc. «Rossiyskaya Digital industriya v 2015 godu» [Russian Digital Industry in 2015], 2015 г. URL: https://www.comscore.com/rus/Insights/Press-Releases/2015/11/comScore-releases-its-2015-Russia-DigitalFuture-in-Focus-Report (accessed: 18.11.2019).
7. Уолтер А. Эмоциональный веб-дизайн. СПб.: Изд-во «Символ-Плюс», 2012. 93 с.
8. Маркотт И. Отзывчивый веб-дизайн. СПб.: Изд-во «Манн, Иванов Фербер», 2012.
176 с.
9. Головач В. Дизайн пользовательского интерфейса. Usethics, 2005-2008. 97 c.
10. Уэйншенк С. 100 главных принципов дизайна. Как удержать внимание. СПб.: Изд-во «Питер», 2011. 272 с.
11. Мониторинг государственных сайтов. URL: https://gosmonitor.ru/ (дата обращения: 20.01.2020).
12. Google PageSpeed Insights. URL: https://developers.google.com/speed/pagespeed/ insights/?hl=RU (дата обращения: 03.01.2020).
13. Дакетт Дж. Javascript и jQuery. Интерактивная веб-разработка. М.: Изд-во «Эксмо», 2017. 640 с.
14. Дакетт Дж.НТМЬ и CSS. Разработка и дизайн веб-сайтов. М.: Изд-во «Эксмо», 2013. 480 с.
15. БЛОГ GETGOODRANK. URL: http://blog.getgoodrank.ru/vremya-zagruzki-sajta-vliyanie-na-nastroenie-polzovatelej/ (дата обращения: 20.01.2020).
16. БИЗНЕС ОНЛАЙН. URL: https://business-online.su/blog/google-pagespeed-insights/ (дата обращения: 20.01.2020).
References
1. MCHS Rossii. URL: http://www.mchs.gov.ru (data obrashcheniya: 03.01.2020).
2. Nil'sen Ya., Loranzher H. Web-dizajn. Udobstvo ispol'zovaniya Web-sajtov. M.: Vil'yams, 2009.
3. Ob obespechenii dostupa k informacii o deyatel'nosti gosudarstvennyh organov i organov mestnogo samoupravleniya: Feder. zakon Ros. Federacii ot 9 fevr. 2009 g. № 8-FZ. Dostup iz sprav.-pravovoj sistemy «Konsul'tantPlyus».
4. O Trebovaniyah k tekhnologicheskim, programmnym i lingvisticheskim sredstvam obespecheniya pol'zovaniya oficial'nymi sajtami federal'nyh organov ispolnitel'noj vlasti: prikaz Ministerstva ekonomicheskogo razvitiya Ros. Federacii (Minekonomrazvitiya Rossii) ot 16 noyab. 2009 g. № 470 g. Dostup iz sprav.-pravovoj sistemy «Konsul'tantPlyus».
5. Metodicheskie rekomendacii po vnedreniyu principov otkrytosti v rabotu territorial'nyh organov, organizacij i uchrezhdenij central'nogo podchineniya MCHS Rossii (utv. MCHS Rossii 22 dek. 2014 g. № 2-4-87-36-28). Dostup iz sprav.-pravovoj sistemy «Konsul'tantPlyus».
6. ComScore, Inc. «Rossiyskaya Digital industriya v 2015 godu» [Russian Digital Industry in 2015], 2015 g. URL: https://www.comscore.com/rus/Insights/Press-Releases/2015/11/comScore-releases-its-2015-Russia-DigitalFuture-in-Focus-Report (accessed: 18.11.2019).
7. Uolter A. Emocional'nyj veb-dizajn. SPb.: Izd-vo «Simvol-Plyus», 2012. 93 s.
8. Markott I. Otzyvchivyj veb-dizajn. SPb.: Izd-vo «Mann, Ivanov Ferber», 2012. 176 s.
9. Golovach V. Dizajn pol'zovatel'skogo interfejsa. Usethics, 2005-2008. 97 c.
10. Uejnshenk S. 100 glavnyh principov dizajna. Kak uderzhat' vnimanie. SPb.: Izd-vo «Piter», 2011. 272 s.
11. Monitoring gosudarstvennyh sajtov. URL: https://gosmonitor.ru/ (data obrashcheniya: 20.01.2020).
12. Google PageSpeed Insights. URL: https://developers.google.com/speed/pagespeed/ insights/?hl=RU (data obrashcheniya: 03.01.2020).
13. Dakett Dzh. Javascript i jQuery. Interaktivnaya veb-razrabotka. M.: Izd-vo «Eksmo», 2017. 640 s.
14. Dakett Dzh.HTML i CSS. Razrabotka i dizajn veb-sajtov. M.: Izd-vo «Eksmo», 2013.
15. BLOG GETGOODRANK. URL: http://blog.getgoodrank.ru/vremya-zagruzki-sajta-vliyanie-na-nastroenie-polzovatelej/ (data obrashcheniya: 20.01.2020).
16. BIZNES ONLAJN. URL: https://business-online.su/blog/google-pagespeed-insights/ (data obrashcheniya: 20.01.2020).
