Друзья, а вам попадались такие веб-ресурсы, которые долго открываются? И какими были ваши действия? Вы согласны сидеть и смотреть на крутящееся колёсико, или перейдёте на другую страницу, которая открывается мгновенно? Уверена, что большинство из вас изберут второй путь.
Преимущества быстрого сайта
Из многих факторов, которые влияют на посещаемость сайта, не последнее место занимает скорость его загрузки. Если ваш сайт долго не открывается, то посетитель просто закроет его, и уйдёт на какой-нибудь другой. К тому же, на скорость загрузки достаточно большое внимание обращают поисковые системы. И чем быстрее открываются страницы, тем выше позиция в поисковой выдаче.
Быстродействующий сервис - это гарантия того, что пользователь:
- будет совершать больше переходов по страницам, совершать больше кликов по рекламе, взаимодействовать с сайтом, поэтому коэффициент конверсии увеличится;
- будет дольше находиться на сайте ( это учитывают поисковики);
- запомнит название ресурса, если контент, представленный на нём, окажется чрезвычайно ценным;
- это вызовет другие положительные реакции, например, сделает сайт доступным в социальных сетях.
Как проверить скорость загрузки сайта
Многим вебмастерам знаком бесплатный сервис — PageSpeed Insights. С его помощью можно узнать, насколько быстро загружается ваш сайт. А в случае обнаружения каких либо проблем, учитывая рекомендации сервиса после анализа, вы сможете существенно её повысить. Итак, перейдём к делу.
Сервис PageSpeed Insights полностью на русском языке, и не содержит каких-либо сложных настроек. Переходите по ссылке developers.google.com/speed/pagespeed/insights/?hl=ru и просто вводите URL нужного вам сайта. Уже через несколько секунд получаете готовый результат.
Принцип работы PageSpeed Insights
Проверка URL сайта проводится дважды. И в отчёте вы получаете два результата: скорость загрузки с мобильного устройства, и с настольного ПК.
PageSpeed Insights оценивает сайты по 100-бальной шкале. Чем больше баллов – тем быстрее скорость загрузки. Нормальным показателем является – 85. Если ваш сайт набрал 85 баллов и выше, значит, он загружается достаточно быстро. Ну а если показатель меньше, сервис предоставляет рекомендации по ускорению загрузки.
Исходя из того, что у различных пользователей изначально разная скорость подключения к интернету (зависит от провайдера), сервис PageSpeed Insights при тесте анализирует только те аспекты, которые напрямую не зависят от скорости подключения пользователя к сети. При проверке учитываются только такие параметры как конфигурация сервера, структура HTML, использование различных внешних ресурсов (изображений, JavaScript и CSS) ну и в том же духе…
После применения рекомендаций по ускорению загрузки, которые выдал сервис, вы оптимизируете всего лишь относительную скорость. Но не забывайте, что абсолютная скорость загрузки вашего сайта, в конечном итоге всё равно зависит от скорости подключения к сети.
3 простых шага – как ускорить сайт на WordPress
Надеюсь, вы понимаете, как важно добиться того, чтобы сайт «летал». Для этого вовсе не нужно быть программистом. Если у вас есть деньги, можно заказать услугу специалисту-фрилансеру на любой бирже.
Но после того, как я так и сделала, заплатив хоть и не большую, но для меня существенную сумму, увидела, что «специалист» поставил на мой сайт всего лишь несколько плагинов. А загрузить и настроить плагин не составит труда даже начинающему вебмастеру. Для этого можно найти массу инструкций и обучающих видеороликов.
Не буду расписывать до мелочей все тонкости каждого плагина, а перечислю лишь те, которые протестировала сама на своем сайте и добилась скорости загрузки 99% для компьютеров и 92 % для мобильных устройств.
Для начала хочу заметить, что существенную роль в скорости загрузки сайта играет шаблон. Многие новички увлекаются темами с наворотами: галереями, каруселями, встроенными плейерами и скриптами в Header, которые тормозят загрузку. Давно убедилась в надёжности, простоте и лёгкости темы BASIC от WP Puzzle.
Для ускорения своего сайта я применяю плагины:
- WP Fastest Cache – кэширует страницы в браузере, выполняет gzip-сжатие, оптимизирует код, уменьшает размер файлов css.
- AMP for WordPress – создает ускоренные страницы /amp/, которые приветствует Google.
- Smush Image Compression and Optimization – сжимает и оптимизирует изображения.
Многие советуют Jetpack, его я тоже тестировала. Пришлось отказаться, явного ускорения не заметила, а даже наоборот. У меня он радикально снизил скорость загрузки сайта.
Кроме того, внимательно «пройдитесь» по рекомендациям PageSpeed Insights и постарайтесь устранить если не все, то хотя бы большинство недочётов.
Версия PHP имеет значение
Не менее важным фактором ускорения является версия PHP, поддерживаемая хостинг-провайдером. Чем она выше, тем быстрее будет работать сервер, тем выше безопасность и лучше защита от потенциальных атак. Однако важно помнить, что после её включения нужно проверить, правильно ли работает веб-сайт с включенными плагинами WordPress.
Может случиться, что технология, используемая для создания сайта, не поддерживает PHP последней версии и может работать неправильно. В этом случае вам следует восстановить исходные настройки, попросить поддержку хостинга или специалиста исправить скрипт в соответствии с последней версией PHP, что, вероятно, будет связано с дополнительными расходами.
Устранить блокировку рендеринга JavaScript и CSS кода
Почти каждый веб-сайт при тестировании скорости в PageSpeed Insights получает трудное для понимания новичка замечание: «Устранить блокировку JavaScript и CSS-кода с той части страницы, которая видна на экране». Как это понять и исправить?
Практически каждый сайт состоит из файлов CSS и файлов JavaScript. Их большое количество может привести к задержкам появления фрагментов контента при загрузке веб-браузером. Перед открытием веб-страницы браузер ожидает загрузки файловых ресурсов с расширениями .css и .js. И поэтому процесс полной загрузки сайта продлевается во времени. Браузеры обычно загружают все элементы, прежде чем они покажут страницу пользователю.
Загрузка ресурсов в той части страницы, которая видна на экране, имеет решающее значение. Она загружается первой и сразу же видна пользователям перед прокруткой. Первое впечатление и контакт посетителя с сайтом решат, станет ли он вашим клиентом. Не позволяйте скриптам и файлам, написанным программистами, замедлять загрузку страницы!
Единственное правильное решение - минимизировать код JavaScript и CSS. Хорошим вариантом является использование потенциала плагинов кэширования (WP Fastest Cache или WP Total Cache).
Ускоряя свой собственный веб-ресурс, вы можете получить ценный бонус поиска Google и Яндекса в виде лучшей видимости в результатах поиска. Конечно же, мой опыт в совсем небольшой. Но думаю, что новичкам он будет полезным и понятным для внедрения на практике. Возможно, оттолкнувшись от этих знаний, вы найдёте новые пути оптимизации и продвижения своего ресурса. Успехов!
