Гоняй как Усейн Болт: 6 советов, которые помогут вам увеличить скорость сайта (перевод)

Подписаться
Больше интересностей из блога студии SEMANTICA
Получайте эффективные советы по интернет-рекламе и SEO-оптимизации вашего сайта
ВКонтакте:
Facebook:
Twitter:

Хотите сделать свой сайт максимально удобным? В первую очередь убедитесь, что позаботились о скорости загрузки страниц. Как это сделать? Читайте советы от Лорен Бейкер. 

Пользовательский опыт – это фактор, важный для SEO. Cкорость загрузки сайта – это фактор, важный для пользовательского опыта. Вывод? То, насколько быстро открываются страницы на вашем ресурсе, определяет успех SEO-кампании. Не больше, не меньше.

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

Примите как факт: те дни, когда считалось нормальным ждать открытия страницы 10 секунд прошли.

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

Поэтому нет ничего удивительного в том, что Google официально стал рассматривать скорость сайта как важный фактор ранжирования.

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

Помните AMP (ускоренные мобильные страницы) от Google?

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

Ирина Винниченко
Контент-маркетолог SEMANTICA

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

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

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

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

Если вы используете StudioPress Site или Rainmaker Platform, ваш сайт будет загружаться быстро. Однако добавление рекламных скриптов, изображений, кодов отслеживания, 301 редиректа и т. д. замедляет загрузку сайта и увеличивает нагрузку на сервер/ хостинговую компанию.

На Search Engine Journal (SEJ) мы тоже столкнулись с проблемой медленной загрузки. Следующие шесть советов советов помогли нам увеличить скорость открытия страниц до 1,8 сек. Хотите подробностей? Продолжайте читать.

1. Используйте сеть доставки содержимого

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

Сеть доставки содержимого может справляться с интенсивным трафиком и ускорять доставку контента.

Отличный инструмент для блогов на WordPress – Cloudflare. С его помощью можно ускорить работу сайта и оптимизировать его под разные устройства. Кроме того, инструмент бесплатен.

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

2. Сжимайте изображения

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

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

ShortPixel – это плагин WordPress, который позволяет сжимать как новые, так и старые изображения.

Мы используем его на SEJ и на других сайтах. И довольны результатом.

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

3. Удалите рекламные скрипты и всплывающие окна

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

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

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

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

То же правило применяется к плагинам всплывающих окон.

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

Один из самых быстрых плагинов – OptinMonster (партнер StudioPress).

4. Установите плагин кэширования

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

Есть несколько плагинов кэширования, которые отлично подходят для WordPress – WP Super Cache и W3 Total Cache.

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

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

5. Отключите плагины, которые вы не используете

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

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

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

6. Еще раз оптимизируйте медиа

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

Внутренние исправления, которые мы реализовали на сайте, не помогли с загрузкой сторонних носителей, такими как встроенный Twitter, YouTube и Instagram, или инфографика с других сайтов.

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

Что мне действительно нравится в BJ Lazy Load, так это то, что помимо изображений, он точно также загружает и прочие вложенные файлы, iFrame и видео на YouTube.

6.Бонусный совет: попросите хостинг о помощи

Если вы работаете с платформой WordPress, вам следует сотрудничать с хостинговой компанией, которая специализируется на этой системе управления контентом. Например, с WP Engine, Presslabs или Synthesis от Rainmaker.

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

В заключение

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

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

Оригинал статьи.

Задать вопрос по статье
Подпишись на нашу группу в VK и получай экспертные статьи прямо в ленту!
Нужен результат, а не трафик? Performance Marketing – то, что нужно
Заказать

Мы работаем не только в Моcкве, но и в других городах России: