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

Как скорость загрузки страницы влияет на SEO сайта

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

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

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

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

Сохраняем в избранное или себе на стену, делимся с друзьями.

Нажмите на изображение ниже, чтобы увидеть его в увеличенном виде:

Как скорость загрузки страницы влияет на SEO сайта

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

Как время загрузки влияет на ранжирование

Когда Google показывает в поиске медленные сайты, люди перестают пользоваться Google:

Стандартное время загрузки сайта — 2 секунды;
Медленная загрузка сайта — больше 3-х секунд.

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

на 76% меньше переходов через 6 недель при задержке в 400 мс;
на 36% меньше переходов через 6 недель при задержке в 200 мс.

И это действует не только на Google!

В Shopzilla сократили скорость загрузки страниц сайта на 3 секунды и получили на 25% больше просмотров страниц, на 7-12% возрос доход, на 50% снизилась нагрузка на сайт.

Как это работает?

Google может проверить скорость загрузки 2 способами:

Через Google Chrome;
Через Google Toolbar.

Если 1 из 100 посетителей имеет проблемы со скоростью загрузки, это может повлиять на ранжирование.

Но если менее 1% посетителей пострадали от медленной загрузки, то релевантность не сокращается.

Google рекомендует улучшать скорость загрузки, если она медленнее чем у 95% сайтов. Если ваш сайт загружается медленно, самый простой способ ускорить загрузку сайта — использовать инструмент Google Page Speed.

Как сократить время загрузки страницы?

Например:

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

Более точный список рекомендаций для вашего сайта можно получить при использовании инструмента Google PageSpeed, он поможет увеличить скорость загрузки от 25% до 50%.

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

Получайте бесплатные уроки и фишки по интернет-маркетингу

convertmonster.ru

Скорость загрузки страниц сайта: как влияет на продвижение?

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

Что влияет на скорость загрузки сайта:

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

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

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

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

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

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

Такой фактор, как скорость загрузки, может критично повлиять как на продвижение сайта, так и на его конверсию. Необходимо иметь постоянный мониторинг доступности сайта (это, к примеру, позволяет делать Яндекс Метрика), а также ежедневно проверять скорость ответа серверов. Если вы видите отклонение, то оперативное принятие мер позволит избежать множества проблем, как в поисковых системах, так и в работе с клиентами.

Вернуться к содержанию SEO-курса

Мои услуги: Консультации по SEO от 29000 р. | Продвижение сайтов от 47000 р. | Разработка сайтов под SEO

Алексей Благих

webimho.ru

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

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

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

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

Измеряем насколько оптимизирована скорость загрузки страницы

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

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

Именно так работает сервис Google PageSpeed Insights и альтернативные сервисы, например, Pingdom . Эти сервисы покажут вам насколько ваш сайт оптимизирован по таким критериям как:

Наличие редиректов;
Использование кеша браузера;
Качество CSS, HTML и JS;
Оптимизация изображений;
и т.д.

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

Как можно увеличить скорость загрузки страницы?

Сокращение HTTP-запросов

Каждый файл, необходимый для веб-страницы для отображения и работы, например HTML, CSS, JavaScript, изображения и шрифты, требует отдельного HTTP-запроса. Чем больше запросов будет сделано, тем медленнее будет загружаться эта страница.

Вот с чего все начинается:

Большинство тем загружают один или несколько файлов CSS и несколько файлов JavaScript. Некоторые, такие как JQuery или FontAwesome, обычно загружаются удаленно с другого сервера, что значительно увеличивает время загрузки страницы.

Это становится еще более проблематичным, если вы посмотрите на дополнительные файлы CSS и JavaScript, добавленные плагинами. Легко получить полдюжины или более HTTP-запросов только из CSS и файлов JavaScript.

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

Вот что можно сделать для увеличения скорости загрузки:

Объединените файлы JavaScript в один файл.
Объединените файлы CSS в один файл.
Уменьшите или исключите плагины, которые загружают свои собственные файлы JavaScript и / или CSS.
Используйте шрифт, например FontAwesome или Ionic Icons, вместо файлов изображений, потому что в этом случае нужно загружать только один файл.

Включите трейлинг-слэш

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

Вот как это работает:

Когда вы посещаете URL-адрес без конечной косой черты, веб-сервер будет искать файл с таким именем. Если он не найдет файл с таким именем, он будет обрабатывать его как каталог и искать файл по умолчанию в этом каталоге.

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

Правильное построение ссылок

https://example.com (неправильно)илиhttps://example.com/services (это тоже неправильно)противhttps://example.com/ (правильно)илиhttps://example.com/services/ (это тоже правильно)

Включить сжатие файлов

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

Включить кеширование браузера.

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

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

Минимизация ресурсов

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

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

Общий кэш W3
WP Super Cache
WP Rocket

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

Оптимизация мультимедиа-файлов

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

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

Выбирайте идеальный формат. JPG идеально подходит для фотографических изображений, тогда как GIF или PNG лучше всего подходят для изображений с большими областями сплошного цвета. 8-битные PNG-файлы предназначены для изображений с прозрачным фоном.Убедитесь, что изображения имеют нужный размер. Если изображение отображается с разрешением 800 пикселей на вашем веб-сайте, нет никакой пользы для использования изображения шириной 1600 пикселей.

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

Оптимизация видео. Выберите идеальный формат. MP4 лучше всего в большинстве случаев, потому что это формат с наименьшим объемом. Обеспечьте оптимальный размер на основе размера экрана посетителей - вы ведь замечали, что разрешение на YouTube меняется в зависимости от вашего устройства. Устраните звуковую дорожку, если видео используется в фоновом режиме в качестве элемента дизайна. Уменьшите длину видео. Рассмотрите возможность загрузки видео на YouTube или Vimeo вместо того, чтобы хранить их у себя.

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

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

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

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

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

blog.enprisma.com

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

Влияние скорости на поисковую выдачу Поговорим о еще одном факторе влияющем на продвижение сайта это скорость загрузки страниц. Пока о том, что скорость загрузки сайта влияет на поисковую выдачу, заявил только Google. Но будьте покойны, Яндекс сделает это в течение года. К поведенческому фактору добавляется скорость. Всё новые параметры вводятся для определения качественных сайтов. И будет хорошо если наши сайты будут этим параметрам соответствовать. Можно рассматривать скорость загрузки страницы как одну из граней поведенческого фактора. Чем больше время – тем больше отказов. Ведь мало людей готовы ждать минуту для загрузки страницы. Плюс, на моё мнение, здесь и финансовое давление крупнейших хостинг-провайдеров. Слишком большое количество мелких компаний оказывает услуги на этом рынке, и зачастую услуги не качественные. Определить скорость загрузки сайта можно с помощью многих сервисов. Их вы найдёте в поиске. Есть платные и бесплатные варианты. Каждый найдёт на свой вкус. Вы столкнётесь с массой предложений по увеличению скорости вашего сайта, но, что мы сможем сделать сами?

Основные факторы влияющие на скорость

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

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

Разберём по пунктам. Хостинг. Необходимо проверить скорость отдачи данных сервером. Если эта скорость низкая, то стоит задуматься о смене провайдера. Особенно стоит уделить внимание вечернему времени. Так же стоит обратить внимание на соседей. Если это сильные порно-сайты, то вечером достучаться к вам будет не просто. Прежде чем принимать решение взвесьте все за и против. Хочу сказать, что идеальный хостинг вы не найдёте. У всех есть свои недостатки, а если их нет, то недостатком станет цена. Дизайн. Не надо делать сверхсложный дизайн. Анимация, флеш, много модулей не украсят сайт, а могут отпугнуть посетителей. В дизайне главное: неяркие цвета, гармония в сочетании цветовой гаммы, и хорошо видимый текст. Всё остальное от лукавого. Попросите 10 знакомых зайти на ваш сайт и поделиться, что они отметили важным в дизайне. Всё лишнее удалите. Пройдёт пару дней и вы поймёте, что ничего не потеряли. Файлы. Максимально сократите размер загружаемых файлов. Не стоит размещать на странице фото повышенной четкости, лучше установить ссылку на скачивание. Не ставьте музыкальное сопровождение при просмотре страниц. Это ужасно. И сделайте, что бы видео загружалось не вместе со страницей, а при нажатии кнопки Play. Не надо забывать о том, что человек может оплачивать каждый Мб трафика, и зайдя на сайт потратить время, деньги и возможно не получить ответа на свой вопрос. Коды. Это раньше JavaScript был в новинку и привлекал взгляд, сегодня большинство его и не заметят. А загрузка JavaScript требует времени. Постарайтесь максимально избавиться от баннеров. Тем более на Firefox многие устанавливают блокировку JavaScript. Используйте HTML, если есть такая возможность. И ускорите загрузку, и больше шансов, что рекламу увидят. Вот тот минимум который мы можем сделать. Поверьте, это вашему сайту не навредит, а польза будет большая. Не ждите падения позиций, проведите все работы вовремя. А если и тогда время загрузки сайта останется большим – обратитесь к специалистам.

www.sdelaysitesam.info

Ускорить сайт (влияние загрузки сайта на продвижение)

Многие пользователи при создании сайта не уделяют внимание оптимизации скриптов в следствии чего значительно увеличивается скорость загрузки сайта. На, что может влиять скорость загрузки сайта?

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

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

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

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

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

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

Мы перечислим самые быстрые методы для ускорения загрузки сайта которые можно применить на любой cms.

1. Включите Gzip-сжатие страниц. Такую опцию можно найти в админке любой cms.

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

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

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

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

6. Установите модуль Google Page Speed это чудо созданное компанией google вообще творит чудеса так как умеет сжимать картинки, скрипты и все подряд. Способы установки данного модуля немного разные для каждой из операционных систем по этому способ установки для Вашего linux Вы с легкостью найдете в поиске. Обратите внимание данный модуль можно установить только если Вы обладаете полным администрированием своего сервера. На виртуальном хостинге этот вариант отпадает.

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

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

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

Как обычно случай из жизни

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

Не так давно к нам обратились за помощью в оптимизации сайта так как сайт просто еле загружался. Мы решили проверить ответ сервера используя инструмент Яндекса и были очень удивлены так как яндекс вообще не смог получить ответ от сервера и примерно с десятой попытки он все таки выдал, что скорость ответа сайта 7500 миллисекунд. Перейдя на сам сайт мы полностью его проанализировали и начали действовать. Сайты был довольно большой и имел огромное количество материалов и статей, а так же форум на котором уже более 4 лет идет активное общение пользователей то есть вы можете представить каких размеров был тот сайт! В первую очередь мы проверили, что кешировние на сайте и сжатие страниц были выключены и соответственно мы включили Gzip-сжатие страниц и обычное кеширование в файл. Скорость загрузки конечно немного выросла но не так как мы ожидали. Далее мы начали просматривать все модули сайта на предмет кеширования и как оказалось, что во всех модулях стояло глобальные настройки системы. После этих манипуляций мы стали анализировать сайт с расширением для Mozilla Firefox с названием Firebug и сразу же нашли несколько левых ссылок которые загружали картинки с сайтов которые уже не работают (эти картинки остались на сайте после смены шаблона) и конечно же мы нашли где эти ссылки и удалили их. И опять скорость загрузки очень большая. Далее начали анализировать модули сайта и как оказалось, что на сайте стоял модуль который выводил статистику, но не этого сайта, а подключаясь к другому сайту. То есть представьте, что бы этому модулю вывести нужную статистику он подключался к базе данных другого сайта, а тот сайт в свою очередь постоянно был перегружен и слабо отвечал на запросы. Если бы модуль использовал другой вид загрузки "скриптами" то у него бы была возможность загружаться после загрузки основной стараницы сайта не влияя на скорость работы всего сайта, но у него не было такой возможности и по этому сайт ждал когда загрузится этот модуль и только потом открывался сам. Модуль оказался не важен владельцам сайта и по этому был просто отключен. После этого мы установили на их сервер модуль для apache Google Page Speed, что бы еще сделать сайт быстрее.

После проведения всех манипуляций которые отняли у нас не более часа скорость ответа сайта с 7500 миллисекунд сократилась до 90 миллисекунд и на данном сайте стало очень комфортабельно перемещаться по страницам.

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

krutim-all.ru

какое влияние она оказывает на SEO продвижение сайта

Ещё в апреле 2010 г. Компания Google объявила, что фактором ранжирования теперь считается и время загрузки страниц веб-сайта.Спустя два года и «Яндекс» официально признал, что учитывает этот показатель, в систему веб-аналитики «Яндекс.Метрика» были добавлены и инструменты по анализу.

Почему это важно?

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

ПС стараются не пускать в топ «нерасторопные» сайты в интересах пользователя, который не хочет (и не должен) ждать.

За последние 5 лет средний размер веб-страниц вырос втрое, а за последний год – в полтора раза. Характерное время ожидания составляет 4 секунды. Если за это время сайт загружается у 90 % пользователей, вы счастливый владелец быстрого интернет-ресурса.Основное время при загрузке страниц сайта уходит на клиентскую часть. Серверные затраты малы, 50 — 500 мс. Среднему пользователю всё равно, сколько страница будет создаваться на сервере, если работать с ней можно уже через полсекунды. В этом случае фокус смещается на клиентскую, а не серверную оптимизацию.

Под скоростью загрузки страницы понимают совокупность параметров:

Время до отрисовки – от начала перехода на страницу до начала прорисовки на экране.
Время до загрузки DOM – от начала перехода на страницу до загрузки DOM и окончания обработки события onLoad.

DOM – это объектная модель документа (Document Object Model), структура, используемая браузером для представления данных. Проще говоря, это время от начала перехода на страницу до полной загрузки страницы со всеми её компонентами (тексты, таблицы, изображения, CSS, скрипты и т. п.). Значение субъективно воспринимается посетителем как «качество» или «скорость» страницы.Оценить эти показатели можно в стандартном отчёте «Яндекс.Метрики» – «Время загрузки страниц»

Время до отрисовки и время до загрузки DOM в отчёте «Яндекс.Метрики»

«Время до отрисовки» характеризует хостинговую составляющую и скорость обработки DNS-запроса.«Время до загрузки DOM» — качество веб-проекта: совместимость сайта с браузерами, скорость работы сайта на стороне браузера, размер загружаемых объектов, объём и качество кода. Если сайт собран на «студийной» CMS сайт не тестировался на полную совместимость с наиболее распространёнными браузерами, не удивляйтесь, если он начнет «прорисовываться» некорректно и с задержками.Чтобы определить недостаточно оптимизированные с точки зрения скорости загрузки страницы сайта, нужно в фильтре колонки «Время до загрузки DOM» установить условие «Показать страницы с временем загрузки более 4 секунд».

Скорость загрузки страниц сайта. Определение «самых задумчивых» страниц сайта в отчёте «Яндекс.Метрики».

Аналогичный функционал заложен и в сервисе Google PageSpeed Insights для разработчиков.

Google PageSpeed Insights

Существует ряд независимых от ПС сервисов, измеряющих скорость загрузки:

https://tools.pingdom.com/ – оценивает скорость, показывает количество обращений к серверу и среднее время загрузки. В сводной таблице подробно показывает данные по каждому запросу к серверу (стили, скрипты, изображения и др). Это позволяет выявить причину долгой загрузки.
http://www.webpagetest.org/ – комплексно тестирует скорость проекта, варьируя локацию клиента (континент, страна), тип устройства (десктоп, мобайл, операционная система), браузер и способ подключения к серверу. Позволяет осуществлять сравнение скорости проектов – конкурентов в нише.
http://whichloadsfaster.co/ – даёт возможность загружать два сайта для сравнения (свой и конкурента), а затем визуально наблюдать, какой проект загружается быстрее (удобно демонстрировать клиентам). В конце загрузки отображается информация, какой сайт выиграл и во сколько раз быстрее он загрузился.
http://pr-cy.ru/speed_test/ – пакетная проверка скорости до 10 адресов URL. Сравнивается время загрузки и размер index-документа для каждого из ресурсов. Входит в состав пакета инструментов для веб-мастеров.
http://sitespeed.me/ru/ – посылает запросы к анализируемому документу на сайте от 30 серверов, расположенных на значительном расстоянии, и определяет скорость доступа для каждого из них. Подсвечивает лучшие, худшие и средние показатели по скорости доступа

Мы рекомендуем для анализа скорости загрузки сайта и дальнейшей оптимизации использовать встроенные в системы веб-аналитики «Яндекс» и Google-отчёты.

Конечно, стоит прислушаться и к мнению «сторонних экспертов», но прежде всего интернет-проект должен понравиться ПС. Внешние же сервисы просто необходимы для сравнения «скорострельности» вашего сайта с сайтами конкурентов в топе. Не имея доступа к счётчикам «Яндекс.Метрика» и Google Analytics, получить эту важную информацию можно только «на стороне». Нужно помнить, что методика сбора данных сторонними сервисами может существенно отличаться, результатом будут некорректные выводы и рекомендации для разработчиков по оптимизации скорости загрузки.

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

Минимизация кода происходит за счёт удаления избыточных пробелов, табуляций, переносов строк, комментариев, дублирующегося кода. Минимизация применима к коду HTML, CSS и JS и, в зависимости от размера и содержимого кода, достигает результатов, близких к gzip-сжатию – уменьшать файлы до 20–30 % от исходного размера. При использовании ещё и gzip-сжатия предварительная минимизация увеличивает степень сжатия в среднем на 3–5 %. Используя gzip-сжатие, важно убедиться в том, что процедура отключена для изображений и других двоичных файлов. Поскольку эти файлы уже сжаты, а их размер существенно превышает размеры типичных текстовых файлов, применение gzip-сжатия не принесёт никакого выигрыша в клиентском быстродействии веб-страниц, зато увеличит нагрузку на сервер.

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

За счёт использования подходящих графических форматов и сжатия без потерь суммарный объём страницы уменьшается до 50 % и более. Изображения, полученные с фотоаппаратов или сохраненные в некоторых графических редакторах, содержат массу дополнительной информации (метаданные, избыточная цветовая палитра и пр.). Существует несколько графических форматов, поддерживаемых современными браузерами: PNG-8, PNG-24, JPEG, GIF. Каждый из них позволяет получить значительный выигрыш в размере. Вот наглядный пример, где видна проведённая оптимизация графики средствами Adobe Photoshop без потери качества, позволившая в 4,5 раза сократить исходный объём файла с 904 до 203 кБайт:

Результаты оптимизации графики для web

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

В случае, когда для верстки требуются полупрозрачные изображения, используется формат PNG-24, поддерживающий альфа-каналы.Для изображений с ограниченной палитрой применяем PNG-8. Этот формат, как и GIF, позволяет использовать прозрачность, но в большинстве случаев превосходит GIF. Достигается это за счёт более совершенной методики сжатия, которая охватывает и горизонтальные, и вертикальные повторения, а также адекватно работает с градиентами.

Единственным кросс-браузерным форматом, который отображает анимацию в изображениях, является GIF. Хотя уже в ближайшем будущем ему составит конкуренцию развивающийся APNG.

Устранение избыточного кода

Для уменьшения размера кода применяются способы вёрстки, требующие минимум тегов HTML и правил CSS. Так, семантическая вёрстка с применением независимых блоков предпочтительна по отношению к вёрстке вложенными таблицами с использованием тегов. Избыточного кода в CSS можно также избежать, приняв стандарт отображения типовых элементов на веб-страницах, таких как заголовки, параграфы, списки, ссылки и т. д. Один раз определив стиль оформления ссылки и параграфа, больше не придётся описывать для каждого нового блока.

Устранение встроенного в разметку кода

Суммарный объём кода можно также сократить за счёт устранения встроенного на веб-странице CSS и JS- кода. Множество атрибутов style=”” в HTML-тегах можно заменить за счёт использования классов единственным, общим для всех элементом – селектором, а множество javascript-обработчиков (например, обработчиков onclick=””, onmouseover=”” и др.) – одним единственным обработчиком. Изменить вёрстку и JavaScript (логику) в подобных ситуациях, как правило, не сложно.

Нередко на веб-страницах присутствует некоторое количество неиспользуемого кода, находящегося как непосредственно в HTML-документе, так и во внешних файлах. Время загрузки этих страниц увеличивается на время загрузки неиспользуемых внешних файлов из сети или из кэша браузера и на время, необходимое для разбора всех элементов DOM-дерева и CSS-правил, которые могут быть к ним применены. В случаях, когда размер веб-страницы и файлов ресурсов измеряется в сотнях килобайт, задержка становится существенной. Если в файлах CSS и JS, подключаемых на веб-странице, объем кода относится исключительно к другим страницам, его перераспределяют по нескольким файлам, подключая их на страницах по необходимости.

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

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

На странице часто подключается несколько файлов JavaScript. Уменьшив их количество, можно увеличить итоговую скорость загрузки страниц. Код JS объединяется в одном файле, загруженном и кэшированном единожды. Это решение сработает, если кода JavaScript на сайте немного (до 100 килобайт в сжатом виде). В ситуации, когда сайт представляет собой сложное веб-приложение и объем кода превышает 100–150 килобайт в сжатом виде, у объединения всего кода в одном файле будет отрицательная сторона: при запросе первой страницы пользователь будет загружать часть кода, которую мог бы не загружать вовсе.

Популярные решения для того, чтобы повысить скорость загрузки сайта на самых распространенных движках, в том числе на базе CMS WordPress – системы управления сайтами, на которой работает каждый 3–4 сайт в мире:

Для оптимизации страниц применяется плагин Optimize DB из пакета Yoast. Он позволит уменьшить размер таблиц mySQL и оптимизировать их структуру.
Для кэширования запросов к базе данных — WP Super Cache от Automattic.

Направление кэширования востребовано среди разработчиков плагинов для WordPress. Достаточно ввести запрос «Cache» в разделе «Плагины» —> «Добавить новый», и вашему вниманию предстанет выдача из 3323 виджетов. Есть из чего выбрать!

Следующий момент – это адаптивная вёрстка сайта. Сегодня во всех нишах растёт доля пользователей с мобильных устройств. Ни в коем случае нельзя пренебрегать этой частью аудитории. Сайт должен быть удобен, понятен и решать задачи пользователя не только на декстопах. По нашей статистике, сегодня 70–75 % сайтов, приходящих в работу по SEO-продвижению, не имеет адаптивной версии. В оставшейся части «передовых» проектов мобильная версия есть, но её эффективность и конверсионность оставляет желать лучшего с точки зрения «заточенности» на выполнение бизнес-задач клиента и позитивного опыта взаимодействия посетителя с площадкой.

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

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

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

ivnz.ru

Скорость загрузки сайта. Анализ, причины и оптимизация скорости – SEO

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

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

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

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

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

Как анализировать скорость загрузки сайта.

Чтобы измерить скорость загрузки страниц сайта можно воспользоваться дополнением для браузеров FireFox и Google Chrome под названием Page Speed от Google.

Для того чтобы пользоваться этим дополнением в браузере Firefox, вам необходимо сначала установить плагин Firebug (незаменимый инструмент вебмастера), а уже затем установить дополнение Page Speed.

Зайдите на свой сайт и в меню браузера выберите: Веб-разработка – Firebug – Открыть Firebug. Внизу страницы появится окошко с функциями этого дополнения (или откроется в новом окне), где вы увидите вкладку с названием «Page Speed».

Page Speed для FireBug

Нажмите кнопочку «Analyze Performance», после чего дополнение измерит скорость загрузки страницы и выдаст результат.

Результат анализа Page Speed

Этот результат представлен в виде уникальной шкалы «Page Speed Score», где скорость загрузки измеряется от 0 до 100 единиц. И чем выше эта цифра, тем быстрее загружается ваш сайт. Добиться результат в 100 единиц практически невозможно, но я считаю, что качественный сайт не должен содержать менее 80-ти единиц по данной шкале.

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

Советы Page Speed по оптимизации скорости

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

Лично я использую Page Speed только для поверхностного анализа, получения советов и уже готовых оптимизированных файлов (скриптов, картинок и стилей CSS).

Для меня намного важнее конкретная скорость загрузки сайта. Чтобы измерить ее я пользуюсь онлайн сервисом Pingdom Website Speed Test.

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

Тут необходимо вставить URL страницы и нажать на кнопочку Settings.

Уберите галочку с «Save test and make it public» (сохранить результат и сделать его публичным) и поставьте маркер в Amsterdam, Netherlands (средняя скорость загрузки сайта для европейцев). Нажмите «Test Now»

Настройка анализа

Сервис проведет анализ и выдаст вам результат:

Результат времени загрузки сайта

Perf. grade – примерно тоже что и показатель в Page SpeedRequests – количество запросов браузера к серверуLoad time – время загрузки страницы сайтаPage size – «вес» страницы

Строка «Your website is faster than 79% of all tested websites» значит, что “Ваш сайт работает быстрее, чем 79% всех тестированных сайтов”.

Ниже вы увидите, какие конкретно файлы вашего сайта загружаются дольше всего.

Время загрузки конкретных файлов сайта

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

Что влияет на скорость загрузки страницы сайта и как это оптимизировать?

Главная цель оптимизации скорости загрузки страниц – максимально уменьшить количество HTTP запросов к web-серверу и облегчить браузеру просмотр HTML странички полученной в качестве ответа на этот запрос.

В некоторых случаях для этого используют файл .htaccess, который выполняет роль командного файла для сервера хостинга. В uCoz нет возможности редактировать этот файл, и вам не нужно париться по этому поводу или пытаться самостоятельно впихнуть его в корень вашего сайта через файловый менеджер (наблюдал наличие этого файла в некоторых адаптированных шаблонах для uCoz) – это бессмысленно и он все равно не будет работать. Так же не нужно это ограничение спихивать на минусы хостинга uCoz, так как файл .htaccess – довольно серьезная и уязвимая для вирусов штука. В uCoz этот файл надежно защищен и уже правильно настроен.

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

Графика и изображения.

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

Сюда входит:

Оптимизация веса изображений и их повторное «залитие» на сервер хостинга.
Оптимизация размера используемых изображений в будущем.
Объединение изображений в CSS спрайты.
Уменьшение количества изображений на странице.
Загрузка ВСЕХ изображений к себе в файловый менеджер.
Полный отказ от флэш-графики на страницах.

Поясняю: допустим, вы продвигаете (оптимизируете) страницу категории, на которой выводятся 10 материалов. Так вот, постер каждого из этих 10 материалов нужно оптимизировать, так как скорость их обработки влияет на общую скорость загрузки страницы категории. Материалы, находящиеся на 2, 3, 4 странице (если вы воспользуетесь переключателями) или на странице результатов сортировки – уже не принадлежат странице категории и не учитываются для нее. Более подробно про оптимизацию изображений я написал отдельную статью.

Скрипты.

Браузер считывает страницу сверху вниз и по мере попадания к нему «на глаза» скриптов, ему требуется время, чтобы обработать каждый из них. Только после обработки кода JavaScript, браузер продолжает «чтение» страницы дальше. Для решения проблемы необходимо оптимизировать ВСЕ скрипты.

Сюда входит:

Удаление лишних скриптов.
Загрузка всех исполняемых файлов (скриптов) на свой сайт.
По возможности вынос кода скриптов в самый низ страницы.

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

Объем HTML и CSS кода.

Этот фактор не очень сильно влияет на скорость загрузки, но, тем не менее, я советую максимально сократить объем кода.

Сюда входит:

Вынос CSS стилей из HTML кода в соответствующую таблицу стилей.
Отказ от использования импорта кода в таблице стилей.
Удаление пробелов и переносов строк в кодах HTML и CSS.
Удаление лишнего кода (HTML тэгов) и неиспользуемых стилей из таблицы.
Исправление HTML ошибок.

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

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

Выше я перечислил основные причины долгой загрузки сайта и дал советы для ее ускорения, которые может воплотить в реальность любой пользователь более-менее знающий HTML и CSS. Но мои окончательные рекомендации будут сводиться к самым истокам создания сайта – к выбору шаблона для сайта. При выборе шаблона вы должны его комплексно проанализировать и выявить ошибки и недочеты, проверить скорость загрузки и кроссбраузерность. Если ошибок слишком много, а скорость загрузки ничтожная, то откажитесь от этого шаблона – мой вам совет!

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

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

Оптимизируйте каждый скрипт, каждую точку, каждый символ, каждую картинку (даже весом 5Kb) и всегда вспоминайте поговорку: «Копейка рубль бережет!». Если ваш сайт удовлетворяет временные показатели скорости загрузки страницы, то все равно рекомендую провести оптимизацию, так как это только улучшит ваш сайт.

seo-for-ucoz.com