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

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

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

Google PageSpeed Insights - проверка скорости загрузки страницы сайта

Google PageSpeed Insights - это сервис для анализа скорости загрузки страницы посредство внутренних инструментов Google. Показатель анализа довольно точный и многие оптимизаторы обращаются именно к этому сервису в первую очередь.

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

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

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

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

Используйте кеш браузера

Сократите CSS

Оптимизируйте изображения - это обычно сильно повышает показатель по PageSpeed Insights

Сократите JavaScript

Включите сжатие

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

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

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

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

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

Каждый сервис по своему интересен, и показывают они различных показатели. Большинство показывают именно сколько загрузки страницы в секундах и размер документа в килобайтах. Только сервисы PageSpeed Insights и GTMetrix показывают усредненное процентное соотношение, что очень удобно.

Как улучшить скорость загрузки страниц сайта

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

Оптимизация изображений

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

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

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

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

Также обратите внимание на разрешение изображения. Если фото напрямую с фотоаппарата, то этот показатель скорее всего 300 dpi и можно смело его уменьшать до 72 dpi - этого более чем достаточно для сайта.

В фотошопе я сохраняю картинку в режиме "Сохранить для Web" - это также плюс оптимизации изображения.

Сокращение время ответа сервера

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

Даже если Вы смотрите в сторону смены хостинга, выбирайте тот, что хотя бы работает на SSD дисках - это уже большой плюс к скорости будет. Я сначала для клиента, а затем и сам перебрался на fornex.com

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

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

Используйте кэширования страниц сайта

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

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

Если Ваш сайт сделан на wordpress, то наилучшим решением будет плагин WP Fastest Cache , но будьте осторожны - плагин может конфликтовать с некоторыми скриптами. Например, недавно начал сильно тупить слайдер на сайте клиента, оказалось что именно данный плагин перестарался с кэшированием. Но в целом такие случаи единицы и можете попробовать на своем проекте.

На этом пожалуй все. Быстрых сайтов всем моим читателям!

15 лайков

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

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

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

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

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

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

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

Google сервис анализа скорости загрузки сайта

PageSpeed Insights – Google инструмент проверки скорости загрузки страниц. Позволяет сделать тест, как для стационарного компьютера, так и для мобильного устройства .

Кроме основной его функции, он выполняет еще ряд других:

1. Проверка скорости загрузки для компьютеров и для мобильных устройств;
2. Определение удобства пользования;
3. Предоставление конкретных рекомендаций по ускорению загрузки и повышению удобства пользования.

Перейти к инструменту проверки скорости загрузки: http://developers.google.com/speed/pagespeed/insights/

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

Анализатор подчеркнул, какие исправления нужно сделать обязательно, а какие «по возможности».

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

Как уменьшить время загрузки страниц в WordPress

Кэширование

Плагин Wp Super cache , который можно обозначить пометкой Must Have. Он просто обязательно должен быть установлен на WordPress сайт. Его задача кэширование страниц. При первом заходе пользователя, браузер загружает все JS и CSS файлы. При переходе на следующую страницу, эти файлы уже будут в кэше, а значит это позволит избежать их повторной загрузки. У меня установлен плагин Hyper Cache, он является аналогом Wp Super cache и выполняет все те же функции.

Отключение Post Revision

Вы замечали, что при написании или редактировании записи идут авто сохранения черновиков? Это влияет на скорость работы Базы данных, увеличивая ее размер. Чтобы отключить Post Revision, зайдите в файл wp-config.php и добавьте следующую строчку:

define("WP_POST_REVISIONS", false);

Это предотвратит появление новых копий, однако не удалит старые. Для того чтобы стереть из БД старые копии, следует войти в PHPMyAdmin и сделать SQL запрос:

DELETE a,b,c
FROM wp_posts a
LEFT JOIN wp_term_relationships b ON (a.ID = b.object_id)
LEFT JOIN wp_postmeta c ON (a.ID = c.post_id)
WHERE a.post_type = "revision"

Так же для очистки базы данных можно использовать WordPress плагин WP-Optimize.

Комплексная оптимизация WP

Autoptimize – отличный плагин, который позволяет произвести ряд улучшений, таких как: сжатие CSS и JS файлов, объединение их в один файл, перемещение JavaScript файлов в Footer.

JavaScript в конце страницы

Если вы не используете плагин из предыдущего пункта, то вам следует, по возможности, поместить JavaScript в конце страницы. Это позволит загружать JS после загрузки основного контента. Об этом нам так же говорит PageSpeed Insights.

Сжатие JS

Опять же, если Autoptimize не установлен, то нужно использовать другой инструмент по сжатию JS кода. Например - http://javascriptcompressor.com .

Объединение файлов в один

Следует объединить файлы CSS в один. То же следует проделать и с JS. Это позволит сократить количество обращений к серверу.

Оптимизация изображений

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

Как с этим бороться? Есть множество онлайн сервисов, которые позволяют сжать изображение без потери качества.

Но мне по душе старый добрый Photoshop. В разделе «Файл » - «Save for web » можно сохранить изображение, ориентированное именно на использование его на сайтах. С помощью данного метода размер файла будет уменьшен в несколько раз, при том, что изменение качества самого фото практически не будет заметно. При этом следует правильно выбрать оптимальное расширение.

Хотлинки

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

Для того чтобы предотвратить использование подобного метода, необходимо прописать следующий код в htaccess:

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www\.)?example\.com/.*$
RewriteRule .*\.(gif|jpg|png|ico)$ -

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

Согласно спецификации HTTP/1.1, браузеры могут производить одновременную загрузку не более 2-х компонентов сайта с одного хоста одновременно. Для того чтобы решить эту проблему, достаточно использовать несколько хостов. Например, изображения хранятся на одном хосте, файлы JS на другом. Можно использовать библиотеку Google, а так же переносить файлы на поддомен и делать выгрузку оттуда.

Отказ от плагинов

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

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

Почему следует это сделать:

Представьте, если человек зашел с мобильно устройства на сайт, а они не оптимизирован для просмотра на моб. Он сразу его покинет, а это – отказ. Зачем вам рост отказов? Ведь это даст повод поисковикам понизить ваш сайт в результатах поиска.

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

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

1. Инструменты Гугла.
Для Google очень важна скорость загрузки сайта, поэтому они сделали специальный инструмент, где можно это протестировать. Перейдите вот сюда , введите адрес своего сайта и нажмите на кнопку «Анализировать».

Гугл оценивает скорость ресурса от о до 100 как для компьютеров, так и для мобильных телефонов. Чем большая здесь цифра, тем соответственно лучше. У моего блога сайт скорость для компьютеров 78, а для мобильных 65:

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

2. Сервис LoadImpact.
Для того чтобы проверить здесь скорость загрузки сайта нужно немного подождать. Сервис создает так называемую ddos-атаку на ресурс, и таким чином определяет, сколько людей он способен выдержать.

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

В данном случае зеленая линия отвечает как раз таки за количество посетителей, она будет у всех одинакова. А вот синяя линия отвечает за скорость загрузки сайта. Здесь очень важно чтобы эта линия имела как можно меньше изгибов. Если вы видите большие перепады скорости, то, скорее всего, ваш хостинг не способен выдерживать большую нагрузку. У меня Макхост , поэтому проблем никаких нет:smile:.

3. PingDom.
Еще один очень интересный сервис, с помощью которого можно быстро проверить скорость загрузки сайта. Для проверки введите в указанную строку и нажмите на кнопку «Тест»:

Здесь стоит обратить внимание в первую очередь на саму скорость загрузки, в моем случае это 1, 71 секунд.

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

Вы можете легко посмотреть, какие элементы сайта долго загружаются и оптимизировать их. Файл стилей можно сжать, картинки уменьшить, ненужные скрипты удалить, а нужные переместить в низ сайта (для wordpress это footer.php).

4. Webo.in.
Для анализа скорости загрузки страницы перейдите сюда введите свой домен и нажмите на кнопку «проверить». Потом вас автоматически перекинет на другой адрес, где вы сможете бесплатно заказать проверку своего ресурса. Для этого введите свое имя, e-mail, телефон и нажмите на кнопку «отправить запрос»:

Через минуту к вам на почту придет автоматическое письмо, его можете не читать:smile:. А вот примерно через 15 минут вы увидите еще одно письмо, в котором будет на страницу с анализом скорости вашего проекта. Переходим по ссылке и получаем вот такой результат:

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

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

Здесь нужно обратить внимание на последний столбец «скорость», которая измеряется в секундах.

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

Еще раз возвращаюсь к теме проверки скорости загрузки сайта. Делаю я это по просьбе коллег-блоггеров и заказчиков. В этой статье я, коротко и со скринами, поясню механизм сей операции при помощи вашего браузера Гугл Хром.

Время загрузки сайта – это теперь один из самых важных факторов в продвижении блога или сайта. Хорошо, если время загрузки ваших страниц на сайте находится в диапазоне 325 – 600 миллисекунд. Поисковики не выставляют на первые страницы в поиске ресурсы, время загрузки которых велико. Это обусловлено заботой о пользователе, имеющем лимитный интернет или заходящем с мобильных устройств. А доля мобильного трафика не просто растет, она стала доминирующей.

Точно определить скорость загрузки вашего сайта можно сервисом, «живущем» в браузере Гугл Хром. С его помощью можно не только узнать время, требующееся на загрузку всего документа, но и определить какой элемент, код, скрипт, плагин и все остальное сколько времени грузится.

Как не следует измерять скорость загрузки сайта

Не следует проверять эту самую скорость различными сервисами проверки скорости загрузки. Все они показывают различное время. Ориентироваться на эти сомнительные результаты не стоит.

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

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

Измерение скорости загрузки сайта в браузере Гугл Хром

• Правой кнопкой мыши щелкаем в браузере Google Hrom на главной странице проверяемого сайта и выбираем строчку Просмотр кода элемента .

Открывается вот такое окно.

• В нем выбираем вкладку network
• Перезагружаем страницу с сайтом

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

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

Тут возможны варианты действий:

• Освобождаемся от лишних плагинов. (Наверняка, есть такие, без которых можно обойтись – проведите ревизию.)
• Заменяем плагины скриптом. К примеру, плагины кнопок соцсетей забирают до минуты времени загрузки сайта. Кнопки поставленные скриптом – нисколько не утяжеляют сайт.
• Оптимизируем изображения (уменьшаем вес каринок, убираем неиспользуемые, те, что когда-то были вами загружены, удалены из редактора изображений, но не удалены из библиотеки медиафайлов и с хоста). Это отдельный разговор и он нам еще предстоит.
• И, наконец, ставим плагин WP Super Cachе(об этом плагине и его настройках подробно )

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

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

Если у вас есть претензии к своему хосту – перетаскивайте свои сайты на Спринтхост. Рекомендую.

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

Техподдержка круглосуточная: хошь – по бесплатному круглосуточному телефону, хошь – письмом в техподдержку, — прям как в сказке.

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

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