Тестирование скорости сайта и его оптимизация

Категории:

Тестирование сайта

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

Сегодня мы поговорим именно об этом. Как и чем проверить скорость сайта?

В компании Amazon провели исследования и сделали вывод, что промедление  загрузки в 100 мс приводит к уменьшению продаж на 1%. При чистой прибыли 2,5 млрд\год – большая проблема, как оказалось).

Хорошую скорость загрузки нужно обеспечить не только стационарным desktop пользователям со стабильным быстрым интернетом, но  и аудитории mobile версии с различными возможностями сети 3G, 4G и т.д.

Что же происходит в момент загрузки?

Ниже приведен список процессов, из которых первые четыре осуществляются сервером, а остальные – уже клиентом. Процессы могут происходить одновременно или же в другом порядке, но суть не меняется:

  1. Связь с сервером.
  2. Установка безопасного соединения.
  3. Запрос по адресу HTML-страницы и ожидание сервера.
  4. Загрузка HTML.
  5. Анализ HTML-документа браузером
  6. Разбор CSS, выполнение JS-кодов.
  7. Рендеринг отображения страницы и активация Js.
  8. Подгрузка шрифтов.
  9. Отображение картинок и элементов страниц.
  10. Отображения полной страницы, выполнение отсроченных скриптов и кодов.

Первое, что мы измеряем – это:

  1. Временной отрезок от начала загрузочного процесса и до получения первых данных.
  2. Процесс прорисовки страницы.
  3. Загрузка основных элементов.
  4. Окончательная загрузка.

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

От нас подарок!
Получите Топ 7 советов по интернет-маркетингу, разработке и аналитике для увеличения продаж с вашего сайта
Подписывайся на наши новости
Подробнее.

Индивидуальный Предприниматель Джунусов Роман Олегович (далее ИП Джунусов Р. О.) собирает информацию, когда вы регистрируетесь на сайте, заходите на свой аккаунт, оформляете заявку (или совершаете покупку), участвуете в акции и/или выходите из аккаунта. Информация включает ваше имя, адрес электронной почты, номер телефона и данные по кредитной карте. ИП Джунусов Р. О. является единственным владельцем информации, собранной на данном сайте. Ваши личные данные не будут проданы или каким-либо образом переданы третьим лицам по каким-либо причинам, за исключением необходимых данных для выполнения запроса или транзакции, например, при отправке заказа. Мы не продаем, не обмениваем и не передаем личные данные сторонним компаниям. Также я разрешаю ИП Джунусову Р. О. в целях информирования о товарах, работах, услугах осуществлять обработку вышеперечисленных персональных данных и направлять на указанный мною адрес электронной почты и/или на номер мобильного телефона рекламу и информацию о товарах, работах, услугах ИП Джунусову Р. О. и его партнеров. Согласие может быть отозвано мною в любой момент путем направления письменного уведомления по адресу ИП Джунусову Р. О.


Network

Чтобы оценить скорость клиентской части, используйте такие ресурсы:

PageSpeed

Хорошими показателями считаются те, где рендеринг занимает около 1 секунды, а полная загрузка – до 5 секунд.

Показатель в PageSpeed

Сервис SiteCheker

Далее мы опишем основные моменты по оптимизации сайта:

Оптимизация работы сайта

  1. Оптимизация баз данных ( DBMS).

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

  1. Выбор движка и корректная работа с ним (Иногда промедления происходят по причине установки новых плагинов, которые не свойственны вашему движку).
  2. Серверное кэширование.  В случае, когда на выполнение результата необходимо затратить немалые ресурсы, то результат логично закешировать, что сохранит вам дополнительные доли секунд. В клиентскую оптимизацию входит еще кэширование хедера, где браузер запоминает шрифты, код, скрипты с обращением к серверу только единожды.
  3. Оптимизация сети. Правильно настроенный и обновляемый TCP, TLS обеспечит не только безопасное соединение , но и сведет к минимуму потраченное на это время. С этой целью также выпущена новая версия HTTP\2. По данным за февраль 2019 года на ней сидят уже около трети самых посещаемых ресурсов. 

Протоколы http и https

  1. Оптимизация изображений. Весомая часть сайта заполняется изображениями, которые должны быть в правильном формате и максимально сжаты. Основные форматы изображений – PNG, JPEG, SVG, WebP. Соответственно и инструменты для их сжатия –   OptiPNG, JPG package (Mozilla)
  2. Сжатие текстовых данных. Настроить максимальную степень сжатия текстовых данных, используя статический метод компрессии (предварительно рекомендуется провести минификацию данных).
  3. СВТ (сетевая доставка контента) – ускоряет работу ресурсов за счет разгрузки трафика, распределяя его по другим серверам.

Сетевая доставка контента

P.S После того, как вы успешно оптимизировали ваш сайт и добились высокой скорости загрузки, важно не забывать, что все очень часто и быстро меняется. Мы что-то добавляем, удаляем, обновляем – каждый из этих процессов может повлиять на скорость! Поэтому мы рекомендуем периодически проверять скорость загрузки и, при необходимости, подчищать за собой “висяки” 😉

Автор:
Тестировщик

Категории:

Смотрите так же:

Второй заголовок в яндекс директ

Как выглядит второй заголовок Второй заголовок – используем с умом 2-й заголовок не показывается? Выводы О том, что Я. Директ позволяет добавлять 2-й заголовок в рекламное объявление, осведомлен  уже каждый контекстолог, а вот

Читать подробнее

Агентство по продвижению сайтов

Как подготовить сайт для поисковых систем

Всем добрый день! Решили поделиться двумя видами чек-листов для СЕО, первый вариант, более короткий, так сказать “экстренный”, т.е. если пока серьезно SEO не собираетесь заниматься, но чтобы сайт уже нормально вошел в индекс

Читать подробнее

,

Яндекс дзен как добавить сайт в ленту

Содержание статьи: Оформляем личный профайл на странице Размещаем новости Загрузка новостей и статей с помощью ссылки RSS Дзен – полезный сервис с персональными рекомендациями для пользователей интернета. Так, в ленте юзеры видят специально

Читать подробнее

Самые эффективные способы расширить свой список E-mail рассылки

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

Читать подробнее

Комментарии:
Комментарии для сайта Cackle
telegram
Обратная связь
Свяжитесь с нами
Реквизиты

ИНН: 772578776588
ОГРН: 315774600103615
ОКПО: 0194004627
ОКТМО: 45914000000
ОКАТО: 45296559000
р/с: 40802810300310000244
в АКБ «БАНК МОСКВЫ» (ОАО) отделение «Перовское»
к/с: 30101810500000000219
БИК: 044525219

Фактический адрес: г. Москва, шоссе Энтузиастов, дом 56, строение 26, офис 304

Юридический адрес: 115191, г. Москва, 4-й Рощинский проезд д.7/16