Мои рекомендации для самостоятельного ускорения вашего сайта для успешного продвижения в поисковых системах Google, Яндекс, Bing.
Как измерить скорость загрузки сайта?
Скорость загрузки сайта можно измерить с помощью различных инструментов, помимо известных Google PageSpeed Insights и GTmetrix. Вот основные из них:
Google PageSpeed Insights — анализирует мобильную и десктопную версии сайта, показывает ключевые метрики Core Web Vitals (FCP, LCP, CLS, TTFB) и даёт рекомендации по оптимизации.
GTmetrix — подробно отображает время загрузки всех элементов страницы в виде «водопада», анализирует метрики CLS, TTI и другие, помогает выявить узкие места.
Pingdom Tools — тестирует скорость сайта с разных географических точек, анализирует кеширование, скорость хостинга и количество HTTP-запросов.
- WebPageTest — это бесплатный онлайн-сервис для детального измерения скорости загрузки сайта. Он позволяет выбрать географическую локацию, браузер и сетевые параметры (например, скорость соединения), чтобы смоделировать реальное поведение страницы при загрузке. Сервис предоставляет расширенные метрики, включая время до первого байта (TTFB), первую отрисовку контента (FCP), индекс скорости и многие другие.
- LOADING.express серверы сервиса находятся в России, в отличие от Гугл, сервера которого в Европе и все проверки скорости идут из Швейцарии или других стран ЕС. Проверки скорости загрузки идут из Москвы. При желании вы можете получить проверки из любых городов, где есть возможность аренды сервера.
Эти инструменты предоставляют как общую оценку скорости, так и технические детали для оптимизации. Кроме них существуют и другие сервисы, но первые 3 наиболее популярные и информативные для измерения и улучшения скорости загрузки сайта.
Правильный выбор хостинга
1. Способ – это использовать быстрый хостинг. Бывает так, что скорость загрузки сайта связано именно с хостингом, поэтому прежде чем использовать описанные ниже способы, удостоверьтесь, что у вас быстрый хостинг.
Мой кейс: был случай, когда одни из моих сайтов находился на хостинге (название называть не буду) и меня скорость хостинга устраивала. Потом я создал блог и тоже разместил на этом хостинге, но под другим аккаунтом. Спустя некоторое время заметил, что сайт долговато загружается, сначала я подумал, что может я много плагинов использую или код сайта не оптимизирован. Но как позже оказалось, что дело было в хостинге, перешел на другой и всё стало нормально. Почему два сайта на одном и том же хостинге скорость загрузки сайта была разная с опытом я стал догадываться:)
Из самых лучших и недорогих хостингов могу посоветовать хостинг-провайдеров из этой таблицы.
| Хостинг | Преимущества | Оценка | Ссылка |
|---|---|---|---|
| ✅is*hosting | Широкий выбор способов оплаты. VPS/VDS хостинг Linux, MikroTik, macOS, Windows. Бесплатный IPv6. Дата-центры: 40+ по всему миру (Европа, США, Азия, Австралия). Хранилище данных (бэкапов) с поддержкой FTP/sFTP/SSH 10GB $1.00 в месяц. Простое управление сайтами и VPS, подход для малого бизнеса. | ★ 4.5 | Перейти на сайт |
| ⚡THE.Hosting | VPS/VDS хостинг. Дата-центры: 49+ по всему миру (Европа, США, Азия, Океания: Австралия и Новая Зеландия). Высокая производительность и локальные дата-центры, упор на стабильность. | ★ 4.5 | Перейти на сайт |
| ✅Zomro | VPS / VDS хостинг, Виртуальный хостинг, Облачный хостинг. Дата-центры: Европа, Нидерланды, Польша. Бесплатный тест VPS — 3 дня! Быстрые SSD-серверы и оптимизация под WordPress и CMS. | ★ 4.5 | Перейти на сайт |
| ✅Cloudways | Глобальный хостинг провайдер. Дата центры в 116 локациях! Управляемые WordPress, PHP хостинг на базе крупных облачных платформ с автоматическим обслуживанием. Бесплатный 3-дневный тест. | ★ 4.5 | Перейти на сайт |
| ✅DreamHost | Разработан с акцентом на удобство для разработчиков, управляемые VPS. Улучшенная производительность хостинга WordPress VPS. | ★ 4.5 | Перейти на сайт |
| ✅Time4VPS | Доступные VPS с гибкими тарифами. Дата-центры: Европа, Литва. | ★ 4.5 | Перейти на сайт |
| ✅ScalaHosting | ScalaHosting — это больше, чем просто хостинг. Это собственная панель SPanel, интеллектуальная защита SShield, гибкие VPS-планы, признание от Joomla и дата-центры по всему миру. | ★ 4.5 | Перейти на сайт |
| ✅Friendhosting | Friendhosting — хостинг-провайдер, работающий с 2009 года. Серверы в США (Лос-Анджелес, Майами, Нью-Йорк) и Европе. 24/7 техподдержка, надёжность и прозрачные тарифы. | ★ 4.5 | Перейти на сайт |
Оптимизация кода сайта
2. Способ – это размещать скрипты внизу страницы. Как пример можно привести случай, когда скрипт партнерки остановился, а так как аналитический скрипт находится наверху сайта, все ресурсы, которые поместили данный скрипт у себя, не открывались.
3. Способ – это почистить код. Необходимо проверить все сайты на наличие лишних кодов. Иногда на сайтах, после проведения незначительных изменений, остаются ненужные части кода, которые не используются, а только засоряют место.
4. Способ – объединить CSS файлы. Не раз на сайтах можно наблюдать несколько CSS-файлов. Интересно смотреть на сайт, на котором имеется несколько стилей его оформления, что является полной ерундой. У любого ресурса должен быть один стиль оформления и один дизайн, чтобы он был узнаваемый, а не был разукрашен, как новогодняя елка.
5. Способ – это отказаться от использования таблиц. Таблицы необходимо использовать только тогда, когда эти таблицы создаешь, а для всех остальных случаев имеются дивы. При верстке с помощью див, код получается значительно короче и меньше, и соответственно страница загружается быстрее.
Ускорение базы данных
6. Способ – это пользоваться статистическими URL-адресами. Данный способ не только увеличит скорость загрузки сайта, но и устранит проблему с индексированием и дублями страниц.
7. Способ – это уменьшить число запросов к базе данных, путем уменьшения числа динамических элементов страниц, сокращения числа плагинов или с помощью установки плагинов кеширования.
К примеру, я пользуюсь плагином WP Super Cache для WordPress.
Различные сервисы замедляющие сайт
Вы должны понимать, что любые сторонние сервисы так или иначе замедляют ваш сайт. И здесь нужно понимать целесообразность их подключения. Если вы их действительно используете — подключайте.
8. Способ – не пользоваться Gravatar, так как Gravatar, который используется в ВордПресе по умолчанию, обрабатывает большое число запросов. Можно неплохо сэкономить ресурсы, отключив Gravatar. Как отключить граватар при помощи плагина.
9. Способ – это не добавлять элементы с Facebook. Если сайт недавно создан, не рекомендуется ставить разные плагины для комментариев, кнопки социальных сетей, лайк-боксы, и т.д., Они сильно грузят сайт. Бывает такое, что сайт может не загружать страницу из-за какого-нибудь сбоя в like-боксе. Плюс к тому же на недавно созданном сайте не такое большое количество посетителей, которые бы дружно кликали по кнопкам социальных сетей для того, что открыть содержимое и комментировать, становясь подписчиками страницы вконтакте или на фейсбуке.
10. Способ – это минимизировать число инструментов для сбора статистических данных. Кому, какой статистический инструмент нравится, такой он себе один и ставит (Яндекс Метрика, Google Аналитика, ЛайвИнтернет), но не имеет смысла ставить все их вместе, так как чем больше поставлено внешних скриптов, тем больше вероятного того, что сайт зависнет, если один из скриптов не будет работать.
11. Способ – это уменьшение числа интегрируемых виджетов. На сегодняшний день виджеты можно поставить с других сайтов, но при этом зачастую они бесполезны. К примеру смешно смотреть на SEO-блоге виджеты с прогнозом погоды в Киеве на сегодняшний день (ведь возможно, что человек, который будет их смотреть будет жить в Москве), или курсы валют российского рубля по отношению к гривне или доллару. В данном случае пусть место будет лучше пустовать или разместите там рекламу от AdSense, так как это будет полезнее.
Использование медиа-контента
12. Способ – уменьшение, по возможности, числа картинок. Исключением в данном случае будут сайты с обоями для рабочего стола, сайты фотографов и т.д.. На остальных ресурсах число изображений можно свести к минимуму или разместить превью, а тяжелые изображения открывать с помощью клика.
Если пользователям данные изображения будут интересны, то они в любом случае их откроют. Данный способ применяют только тогда, когда изображения не самые важные элементы сайта и только его дополняют.
13. Способ – это использование сжатие изображений. Современные графические форматы WebP и AVIF обеспечивают более эффективное сжатие по сравнению с PNG или JPEG, поэтому такие изображения загружаются быстрее и потребляют меньше трафика. WordPress начиная с версии 5.8 поддерживает формат WebP.
Для конвертации ваших картинок в формат WebP используйте плагины или сервисы. Для своих сайтов на WordPress, я использую плагин WebP Converter for Media — Convert WebP & Optimize Images. После установки плагина вам нужно запустить конвертацию один раз и больше ничего не нужно делать. Ваши текущие изображения будут преобразованы в новый формат. Новые изображения из библиотеки мультимедиа будут преобразованы автоматически. Внимание! Если преобразованное изображение в формате WebP больше исходного, браузер будет использовать исходный файл. И этот преобразованный файл будет удален. Следовательно, в списке вы также можете видеть файлы, отличные от WebP.
14. Способ – отказаться от использования флеш анимации. Использование флеш анимации – это очень красиво, но сильно грузит сайт. При наличии медленного интернета флеш анимация может не загрузиться, в результате чего сайт теряет рейтинг и популярность.
15. Способ – отказаться от использования аудио в особенности такого, которое начинает автоматически проигрываться при загрузке страницы, потому что многим пользователям это не нравится и еще потому, что сильно идет трафик, что вызывает медленную загрузку страниц. К тому же многим пользователям может быть не нравится электромузыка или другая музыка, которая будет на сайте и это обстоятельство будет сильно раздражать.
Скрипты и сценарии
16. Способ – использование внешних скриптов. При этом надо стараться не пользоваться встроенными в HTML-страницы скриптами, лучше всего пользоваться внешними, расположенными на CDN серверах, так как не будет перегружаться свой сервер.
17. Способ – это использование не длинных наименований функций, переменных и т.д. Например, функцию removeelementfromgroup(), можно переименовать, как refg() и т.д.
18. Способ – это не использовать ненужные JavaScript-библиотеки. Зачастую на сайтах используют несколько JavaScript-библиотек, которые по функциям одни и те же и тут же возникает вопрос, зачем это делать.
19. Способ – это не использовать скрипты для изменения шрифта. Можно часто видеть, как при помощи скриптов на сайтах и блогах создают интересные, яркие, объемные заголовки, но все это лишнее, потому что такие украшения берут большие ресурсы трафика при загрузке страницы.
20. Способ — это уменьшения количества используемых плагинов в вашей CMS. Используете только необходимые плагины, все не нужные удалите.
Сервисы ускорители на хостинг платформах
Ускоритель сайтов на хостинге Timeweb — удобная штука! Как бесплатно измерить скорость загрузки сайта.
Желаю как можно быстрой загрузки вашего сайта!
