Сайт

Google тест скорости сайта: Проверить скорость сайта онлайн. Скорость загрузки сайтов.

13.07.2021

Содержание

Как определить скорость загрузки сайта: обзор популярных сервисов-помощников

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

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

Но сначала давайте поговорим, почему тема скорости загрузки сайта до сих пор не даёт покоя веб-разработчикам, SEO-специалистам, интернет-маркетологам, владельцам веб-ресурсов и другим причастным. В чём же секрет актуальности этого вопроса?

На что влияет скорость загрузки сайта

Вряд ли мы откроем Америку, сказав, что скорость загрузки сайта входит в перечень факторов ранжирования. Google открыто заявил об этом больше 10 лет назад. Тогда, в 2010 году, представители компании признались, что «одержимы скоростью» и в своих продуктах, и в интернете. Сегодня время, которое нужно сайту для загрузки, играет огромную роль и в мобильном поиске.

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

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

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

Сервис Google PageSpeed Insights

Традиционно возглавляет рейтинги лучших инструментов для проверки скорости сайта. А всё потому, что бесплатный, функциональный и юзабельный. Само название сервиса подсказывает, откуда он родом. Да, это официальный продукт Google. Был запущен в 2012 году, а в 2018 году пережил глобальное обновление. Из последних изменений стоит отметить обновление движка в конце 2020 года. Теперь сервис PageSpeed работает на Lighthouse7.

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

Сервис выполняет проверку скорости сайта на основе 6 показателей:

  1. Первая отрисовка контента.
  2. Время загрузки достаточной части контента.
  3. Индекс скорости загрузки сайта.
  4. Время загрузки для взаимодействия целевого пользователя.
  5. Время окончания работы.
  6. Примерное время задержки при вводе.

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

Сервис Pingdom Tools

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

Pingdom Tools предлагает выбрать одну из семи локаций для имитации обращения к серверу: от Сан-Франциско до Токио.

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

Как и PageSpeed Insights, Pingdom Tools на основе собранных данных выводит оценку и формирует список рекомендаций по оптимизации времени загрузки.

Важный нюанс: сервис платный. Промо-версия доступна 2 недели.

Все это позволяет Pingdom Tools уверенно входить в рейтинги лучших сервисов для проверки скорости сайта.

Сервис Free Website Speed Test от UpTrends

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

Сервис выдаёт в основном все те же данные, что и рассмотренный выше Pingdom Tools: информацию по кодам ответов, типам объектов и их весу, предоставляет оценку от Google PageSpeed Insights. А еще определяет время загрузки при каждом действии ЦП и составляет рекомендации.

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

Сервис Gmetrix

Проект был запущен в 2010 году и за более чем 10 лет успел полюбиться многим пользователям. Говоря о достоинствах этого ресурса, практически все юзеры отмечают его удобство и эффективность. Уверены, Gmetrix обязательно займет одно из лидирующих мест и в вашем личном рейтинге.

Сервис выполняет тестовый запрос из Ванкувера и определяет скорость загрузки сайта в секундах.

По окончании проверки вы получаете отчёт с данными о скорости, общем объёме страниц и общем количестве запросов. Все слабые места сайта сервис выделяет красным цветом, поэтому не заметить их невозможно!

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

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

Обещанная интригующая концовка

Скорость загрузки сайта – вопрос, безусловно, важный. И запускать его нельзя. Но и зацикливаться на нем, теряя из виду другие важные параметры работы ресурса, не стоит. То, что сайт «летает», не означает, что он достоин первых позиций в ТОПе. В теории самая быстрая страница – это страница, на которой вообще ничего нет. Но, согласитесь, она вряд ли должна заниматься верхние строчки поисковой выдачи.

Время загрузки – это всего лишь один из факторов ранжирования и «кирпичиков» в юзабилити ресурса. Если вы хотите, чтобы сайт действительно был интересен и популярен среди пользователей и поисковиков, развивайте его комплексно: подключайте SEO, работайте с контентом, задействуйте рекламу и прочие доступные инструменты.

Хотите продвинуть ресурс, но не знаете, с чего начать? Мы поможем! Студия ЯЛ более 15 лет работает в сфере комплексного продвижения, поэтому наши специалисты знают, как развивать ресурсы разной тематики, масштабов и сложности.

Владимир Ливерко

Руководитель отдела проектов


 Другие материалы по теме:

Скорость загрузки сайта в 2021 году: как определить, зачем ускорять

Что такое скорость загрузки сайта и почему она важна

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

Исследование Google говорит о том, что 53% пользователей закроют сайт, если он будет загружаться дольше трёх секунд. А если скорость загрузки страницы возрастёт с одной до десяти секунд, процент отказов увеличится на 123%.

В исследовании Portent есть данные о том, что конверсия с каждой дополнительной секундой загрузки сайта снижается на 4,2%.

У медленных страниц снижаются поведенческие факторы, а значит, их позиции в выдаче падают. В 2019 году Google заявил о том, что на ранжирование сайтов в их поисковой системе влияет, в том числе скорость загрузки сайта.

Яндекс в своём блоге также постоянно говорит о том, как важна скорость загрузки.

В каких случаях пользователь готов ждать

Говорить о том, что пользователь обязательно закроет сайт, если он грузится больше трёх секунд, не совсем корректно. В каких случаях человек готов подождать?

  • Знакомый сайт

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

  • Социальные сети

То же самое и с соцсетями. Если любимый Instagram стал грузиться 5 секунд вместо 3, скорее всего, пользователь подождёт.

  • Сайты государственных организаций

Загрузку сайтов типа Госуслуг пользователи готовы ждать хоть 10, хоть 20 секунд. Потому что на таких ресурсах оказывают важные услуги, которые в других местах получить нельзя.

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

Зачем увеличивать скорость загрузки сайта

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

  • Повышение позиций в поиске

Мы уже говорили, что скорость загрузки влияет на позиции сайта в поисковиках. Это касается и Google, и Яндекс.

  • Снижение процента отказов

Допустим, вы вкладываете большие деньги в рекламу. Пользователи на неё кликают, переходят на сайт, а он не грузится. Значит, вы просто сливаете деньги. То же самое и с SEO-оптимизацией. Даже если ваш сайт всё-таки займёт хорошее место в выдаче, пользователи не захотят ждать медленной загрузки и просто уйдут.

  • Имидж компании

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

Как проверить скорость загрузки сайта

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

1.   PageSpeed Insights от Google

Бесплатный сервис

Один из самых популярных инструментов, с помощью которого можно проверить скорость загрузки сайта — Google Page Speed. Сервис показывает, как быстро сайт отображается на компьютерах и мобильных. Результат вы видите в баллах от 1 до 100. Помимо самой оценки скорости, инструмент даёт конкретные рекомендации о том, как эту скорость увеличить. Вы также можете видеть, насколько увеличится скорость загрузки, если вы исправите ошибки.

2.   Яндекс.Метрика

Бесплатный сервис

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

3.   WebPageTest

Бесплатный сервис

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

4.   PR-CY

Бесплатный сервис с отдельными платными функциями

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

В платной версии можно проверить скорость отдельных страниц вашего сайта.

5.   Site Speed

Бесплатный сервис

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

6.   K6

Бесплатный период — 30 дней

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

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

7.   Uptrends

Бесплатный сервис

Тут можно проверить сайт на скорость загрузки и выбрать при этом регион, устройство, браузер, размер экрана и скорость интернета.

8.   Pingdoom Tools

Бесплатный сервис

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

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

9.   GTmetrix

Бесплатный сервис с отдельными платными функциями

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

10.   Dotcom-Monitor

Бесплатный сервис с отдельными платными функциями

Если для вашего сайта важна скорость загрузки из разных регионов, можно воспользоваться сервисом от Dotcom-Monitor. Он поможет измерить скорость загрузки сайта из 25 точек мира. При этом показатель замеряется при первом и повторном визите.

Что может плохо влиять на скорость загрузки сайта

  • Скорость хостинга

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

  • Перегруженный код сайта

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

  • Большое количество графических элементов

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

  • Структура сайта

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

Как ускорить загрузку сайта: 3 совета

И вот вы проверили свой сайт и увидели, что он загружается больше 3-4 секунд. Что можно сделать? Как ускорить скорость загрузки сайта?

1.   Сжать картинки

Если картинок на сайте слишком много, можно просто удалить лишние. Оставшиеся изображения конвертируем из формата PNG в JPEG. Так их размер проще уменьшить, не потеряв при этом качество.

2.   Оптимизировать работу сервера

Данные можно сжимать также на его стороне. Подключить технологию GZIP помогут администраторы сервера, на котором находится сайт.

Также можно настроить кеширование. Эта технология позволяет сохранять объёмные элементы сайта в браузере пользователя. Тогда при повторном посещении страницы она загрузится быстрее.

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

3.   Подключить Яндекс.Турбо и AMP от Google

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

4.   Использовать плагины в CMS

Иногда сайты, расположенные на CMS-системах, загружаются медленнее. Дело в том, что CMS — это ещё один посредник между сервером и пользователем. За счёт этого время ожидания загрузки сайта может увеличиваться. Для того чтобы ускорить сайты на CMS, используются специальные плагины.

Итоги

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

Поэтому даже если вас устраивают остальные показатели (трафик, процент отказов, конверсия), скорости сайта всё-таки придётся уделить внимание.

Сервис тестирования скорости сайта. Бесплатный тест скорости загрузки сайтов от Метод Лаб

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

Узнайте, как загружается ваш сайт и можно ли его ускорить

Хотите узнать, насколько быстро загрузится ваш сайт в реальном браузере при средней скорости мобильного соединения и можно ли улучшить показатели? Заполните форму и закажите бесплатное тестирование вашего сайта. Через несколько минут вам на e-mail будет доставлен отчет о тестировании скорости вашего сайта. В отчете будет несколько важнейших метрик скорости сайта и краткие пояснения.

Скорость сайта — это про деньги

Мы профессионально занимаемся ускорением сайтов, потому что знаем: скорость продаёт. Крупнейшие игроки онлайн-рынков уже поделились своими результатами увеличения прибыли за счет ускорения своих веб-сервисов. Среди них: Google, Amazon, Shopzilla, The Guardian, Wallmart, Bing, Facebook, Lenta.ru.

Подробнее об этом можно узнать в нашей статье: Скорость сайта — это фича!

Обзор сервиса тестирования скорости сайта ускорениесайта. рф

Зачем мне тестировать скорость сайта?

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

Что делает этот сервис?

Мы загружаем ваш сайт в специально созданных условиях, контролируя все показатели скорости загрузки. Мы используем параметры соединения с Сетью на уровне хорошего 3G (мобильного) соединения, чтобы увидеть скорость загрузки глазами мобильного пользователя. Через несколько минут (в зависимости от загрузки сервиса) вы получаете отчет с результатами тестирования.

Зачем нужна галка «Мобильный браузер»?

Эта опция запускает тестирование сайта в режиме эмуляции мобильного устройства (Iphone 6). При этом сайт будет считать, что тест проводится с мобильного устройства, все мобильные свойства будут работать как требуется (редиректы, адаптивные элементы и т.д.) Также в этом режиме используется торможение процессора (CPU), чтобы получить максимально реалистичные результаты.

Что я получу в результате?

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

Экспертное ускорение сайтов

Ускорение сайтов

Цена от 49 900 Р

Пошаговая инструкция: тест и повышение скорости сайта на «Битрикс» — E-pepper.ru

Как оценить, что ваш сайт работает достаточно быстро и не теряет посетителей из поисковых систем, лояльность пользователей и конверсию из-за медленной загрузки страниц? Директор по развитию, руководитель отдела разработки агентства интернет-маркетинга «Директ Лайн» Станислав Мозгель составил для нас подробную инструкцию, в которой рассказал, какие шаги помогут увеличить скорость загрузки сайта на «Битрикс», и сколько времени это займет.

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

Итак, давайте примем за данность три факта:

  • скорость загрузки страниц сайта влияет на его конверсию и лояльность пользователей;
  • «быстрые» сайты удобны для просмотра и совершения покупок с мобильных устройств — доля мобильного трафика растет с каждым днем;
  • скорость загрузки страниц сайта влияет на его ранжирование в поисковых системах, то есть на его видимость относительно конкурентов.

Из-за промедления загрузки сайта в пару секунд вы можете потерять «горячего» покупателя навсегда.

График 1. Скорость отрисовки страниц по данным Яндекс.Метрика до и после оптимизации сайта

  График 2. Динамика числа запросов, по которым сайт вышел в ТОП поисковой системы GOOGLE в Московском регионе. Всего было проанализировано 85 запросов.

После увеличения скорости загрузки страниц число запросов в рамках ТОП-10 осталось неизменным. Однако было замечено явное улучшение позиций по запросам в рамках ТОП-3

Рассуждения о том, насколько сильно влияет, оставим для отдельной статьи с кейсами и результатами экспериментов. Сегодня о том, как правильно измерять скорость загрузки, и какие шаги помогут ускорить сайт на «Битрикс».

Как измерить скорость сайта?

Чтобы объективно оценить скорость загрузки сайта — выполнить разовую проверку или постоянно отслеживать изменения, вы можете использовать следующие инструменты:

1.      Сервис Pingdom (pingdom.com).

Работает в трех режимах:

  • Для разовой экспресс-проверки удобно использовать инструмент https://tools.pingdom.com/. С его помощью вы можете узнать точную скорость загрузки сайта в секундах, оценку сайта в баллах по PageSpeed Insights, вес страницы, а также посмотреть развернутый отчет по техническим параметрам.
  • Page Speed Reports — синтетические тесты скорости загрузки. Получаем общую информацию на основе регулярных тестов скорости загрузки главной страницы сайта, включая время «подтягивания» элементов со всех внешних источников, с информацией о размере и типе загружаемого контента.
  • Real User Monitoring Reports (RUM) — агрегированная информация о скорости загрузки всех страниц сайта у реальных пользователей. Для использования требуется установка на сайт JavaScript кода. Вы получаете подробный отчет о скорости загрузки страниц с сегментацией по регионам пользователей, браузерам, устройствам (mobile/desktop/tablet), а также информацию о распределении времени по этапам загрузки — сетевые запросы, ответ сервера, загрузка статики.

Если сайт содержит много «тяжелых» картинок, то синтетические тесты могут завышать скорость загрузки, но RUM от Pingdom покажет реальное время ожидания, с которым сталкиваются посетители сайта.

Рисунок 1. Полный отчет RUM от сервиса Pingdom

2.  Проверка от Google PageSpeed Insights.

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

  • сжатие изображений,
  • объем JS кода,
  • время ответа сервера и другие.

В результате проверки сервис предложит рекомендации по внедрению тех или иных изменений.

Чаще всего предлагаются следующие направления оптимизации:

  • используйте кеширование,
  • избавьтесь от лишнего кода или сожмите его,
  • заставьте сервер отвечать быстрее,
  • уменьшите «вес» изображений.

По итогам проверки выставляется балл от 0 до 100. Этот показатель среди прочих равных учитывается при ранжировании сайта в поисковой выдаче Google.

3. Для сайтов на «Битрикс» — сервис «Скорость сайта»

Встроенный мониторинг производительности можно использовать как средство «разбора полетов» и для выявления проблемных участков на сайте — сервис помогает локализовать «тормозящий» компонент. Применяется для разового анализа, не подходит для регулярного мониторинга.

Нормальные показатели

Как понять, не теряете ли вы посетителей сайта по причине медленной загрузки сайта?

Сравните полученную в результате тестов скорость загрузки сайта с целевыми показателями:

Сервис

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

Нормальный показатель загрузки страницы для сложных интернет-магазинов

Pingdom RUM

1,5-3 с

3-4 с

PageSpeed Insights

от 80 баллов

Сервис «Скорость сайта» в Битрикс

до 1 с

до 2 с

Таблица 1. Целевые показатели скорости загрузки сайта по разным сервисам

Если значения будут ощутимо отличаться в большую сторону — это проблема. Значит ваш сайт необходимо оптимизировать с точки зрения скорости его загрузки.

Детальный аудит

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

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

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

Скорость загрузки сайта складывается из двух показателей:

  • скорость генерации страниц сервером;
  • скорость загрузки и отрисовки страниц и всего контента на них браузером.

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

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

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

Сначала специалист проверяет сайт с помощью сервиса PageSpeed Insights.

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

  • скорость генерации страниц сервером,
  • структура html-кода,
  • размер изображений,
  • размер css файлов и т.д.

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

Комментарий технического специалиста:

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

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

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

  1. Оценка технического аудита.
  2. Порядок проведения аудита.
  3. Пример отчета.

Как оптимизировать скорость загрузки сайта?

Работы по оптимизации скорости загрузки сайта могут потребовать от 0,5 ч до N часов работы технического специалиста. Сложность, а значит и продолжительность работ зависит от состояния сайта и причин низкой скорости загрузки: в некоторых случаях достаточно просто уменьшить вес изображений, для других сайтов необходимо перерабатывать код.

Разберем варианты реализации самых популярных рекомендаций в контексте сайтов на «Битрикс».

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

Схема 1. Шаги по оптимизации скорости загрузки сайта и среднее время, которое затрачивает технический специалист на их реализацию

1. Оптимизировать изображения — 0,5-4 +1-6 часов работы.

Правильный подход — настраивать корректно ресайз изображений при выводе, и размещать в контенте заранее подготовленные сжатые изображения.

  • Картинки элементов/разделов инфоблоков и других сущностей базы данных (например, изображения товаров в каталоге интернет-магазина) можно сжать при генерации шаблонов компонентов. В зависимости от количества шаблонов это может занять 0,5-4 часа работы программиста.
  • Изображения в статичном контенте (например фотография, вставленная в статью через визуальный редактор) и элементы дизайна сайта необходимо сжимать вручную с помощью сторонних сервисов. Обычно на это уходит 1-6 часов.
2. Сократить время ответа сервера — 10-16 часов.

Именно в этом блоке работ исправляются ошибки, допущенные при планировании структуры данных и в процессе программирования.

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

Этот блок прорабатывают в два этапа:

  1. Технический аудит, составление рекомендаций — 10-16 часов.
  2. Внедрение рекомендаций и рефакторинг — 12-24 часа.

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

Бывают, конечно, особо запущенные случаи или просто очень большие проекты, когда нужно вложить больше 40 часов, но это скорее исключение.

3. Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы — от 0,5 ч.
  • Удалите JavaScript.

В настройках главного модуля «Битрикс» есть галочка «Переместить весь Javascript в конец страницы». Она перемещает вниз страницы все JS из шаблона сайта, что частично решает вопрос. Включается за 2 минуты. Но бывают случаи, когда это приводит к поломке JS плагинов или обработчиков, приходится разбираться и вручную исправлять коллизии, тогда решение задачи может занять больше времени.

При стандартном подключении стилей в «Битрикс» их нельзя переместить вниз, они всегда подключаются вначале страницы. Если подключать скрипты нестандартно, то теряются другие преимущества, такие как объединение/сжатие стилей и размещение стилей в CDN. И то и другое влияет на скорость загрузки страницы больше, чем перемещение стилей вниз страницы.

4. Сократите CSS — 0,5-1 час.

Для сжатия CSS можно использовать эти инструменты: https://developers.google.com/speed/docs/insights/MinifyResources.

Также в настройках главного модуля «Битрикс» есть галочка «Объединять CSS файлы», которая склеит несколько CSS файлов в один.

5. Сократите JavaScript — 0,5-1 час.

Алгоритм действий аналогичен сжатию CSS. В верстке нужно использовать сжатые версии js-библиотек или можно сжать их с помощью сторонних сервисов.

Также нужно включить галочку «Объединять JS файлы» в настройках главного модуля — она склеивает все js-скрипты в один файл.

6. Включите сжатие — 0,5 ч.

На большинстве виртуальных хостингов сжатие включено по умолчанию. Если нет, то можно попробовать включить его только через файл .htaccess (mod_deflate), так как доступа к полноценным настройкам сервера обычно нет. На выделенных серверах это делается в настройках сервера (apache/nginx).

7. Используйте кеш браузера — 1-2 часа.

На виртуальных серверах эта опция должна быть настроена автоматически. Если нет, также через .htaccess нужно указать заголовки для определенных типов файлов (скрипты, стили, картинки). На выделенных серверах — снова корректируем настройки сервера (apache/nginx).

Оптимизация по пункту 6 и 7 актуальна только для локальных ресурсов.

8. Оптимизируйте загрузку видимого контента.

Рекомендуется изменить структуру HTML таким образом, чтобы сначала загружался важный контент, располагающийся в верхней части страницы. Это может оказаться сложной или даже невыполнимой доработкой, так как придется менять структуру верстки и порядок загрузки элементов страницы. «Битрикс» не позволяет полностью поменять порядок загрузки: стили не переносятся вниз. Верстальщику будет не просто размещать блоки в идеальном для загрузки порядке.

9. Сократите HTML

В этот пункт входит сокращение CSS и JS, о которых сказано выше. Чтобы сократить сам HTML код, необходимо переработать верстку шаблонов, если это возможно.

Дополнительные возможности «Битрикса»

Если продолжать разговор о «Битриксе», то в ходе комплексной работы над ускорением сайта нужно обязательно обратить внимание на следующие технологии, предлагаемые CMS:

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

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

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

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

(чек-лист) Как увеличить скорость загрузки сайта самостоятельно

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

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

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

Хочу обратить внимание: если вы проверяете свой сайт только в сервисе Google PageSpeed Insights, то в процессе изучения чек-листа поймете, что большое количество параметров там скрыто и не показывается, несмотря на то что все равно влияет на скорость загрузки сайта.

Этап 1. Определите «рамки» оптимизации скорости сайта

Под понятием «Рамки оптимизации скорости сайта» я понимаю такой объем CSS, JS, медиафайлов и других файлов, которые загружаются на вашем сайте.

Определив «рамки», мы будем знать конечную, к которой нужно идти. А поможет нам найти данные «рамки оптимизации скорости сайта» сервис, созданный Джонатаном Филдингом — www.performancebudget.io.

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

Этап 2. Узнаем реальную скорость сайта

Как я уже писал выше, Google PageSpeed Insights это хороший инструмент для проверки оптимизации скорости сайта, но все же он «дает» лишь поверхностные советы. Вы можете сперва проверить с помощью этого инструмента, а затем переходить к более подробной статистике, которую дают следующие сервисы:

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

Сервис WebPagetest позволяет выбрать сервер тестирования и браузер. Данный сервис показывает в виде диаграмм каких ресурсов (CSS, JS) больше всего в процентном соотношении на вашем сайте. Что больше всего радует, так это подробная статистика по запросам в виде графиков. Также есть информация о том, к каким файлам применяется GZIP сжатие и становится сразу понятно все ли верно указали в настройках .htaccess.

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

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

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

(Чек-лист) Самостоятельная оптимизация скорости сайта