Как ускорить сайт и получить больше посетителей на свой сайт

Что раздражает посетителя сайта, до того, как он зашел на сайт? Медленная скорость загрузки информации. Быстрота отображения сайта, это один из факторов ранжирования в Google и Яндексе. А «тормозящие» сайты получают большое количество отказов, т.к. пользователи не хотят тратить лишнее время на загрузку. Давайте посмотрим, как замерить скорость и как ускорить сайт.

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

Есть много способов, чтобы ускорить сайт. Вот основные:

• Оптимизация картинок.
• Включение кэширования.
• Минимизация HTML, CSS и JavaScript.
• Оптимизация базы данных.
• Убрать лишние плагины.
• Использовать Gzip сжатие.
• Подключение CDN
• Использование последней версии PHP
• Подключение AMP и Турбо страниц.

А теперь, давайте разберем эти методы подробней.

Как замерить скорость сайта.

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

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

Google PageSpeed Insights - инструмент от самого Гугл, который поможет оценить скорость сайта.

PR-CY SPEED TEST - еще один инструмент для проверки скорости. На этот раз, от известного сервиса технической проверки сайта. И цифры он показывает уже другие.

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

pingdom.com - еще один мощный сервис. Так же, как и gtmetrix показывает не только оценку сайта, но и ряд других параметров.

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

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

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

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

Поэтому, перед загрузкой картинок, их желательно оптимизировать. Если сайт на WordPress, то вы можете установить плагин, например — EWWW Image Optimizer. Этот плагин позволяет уменьшить размер картинок, как те, которые уже загружены на сайт, так и новые.

Плагин бесплатный, но есть платная версия. Впрочем, бесплатной версии, вполне достаточно.

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

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

Скачать программу, вы можете с официального сайта.

Что касается фотошопа, то мое мнение, что для сжатия для интернета, эта программа не пойдет. Да, это просто отличная программа для работы с изображениями, но не для сжатия.

Подробнее о сжатии изображений, читайте в этой статье.

Кэширование

Когда вы открываете любой сайт, то это не просто открытие готового сайта. Фактически, это создание нового сайта. На стороне сервера, выполняется код PHP, на стороне клиента, то есть посетителя, выполняются коды JavaScript. Плюс к этому, еще происходит обращения к базе данных. Все это приводит к тому, что загрузка страницы, занимает некоторое время.

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

Кэширование может включатся на самом хостинге, и тогда вам ничего не надо делать на сайте. Либо включается на самом сайте. Например, с использованием плагинов. Среди плагинов, часто используются либо W3 Total Cache, либо Hyper Cache, про настройку которого, вы можете прочитать здесь.

Сокращайте HTML, CSS и JavaScript

При создании сайта используются код HTML, файлы стилей — CSS, и часто, файлы скриптов — JavaScript. Так вот, не буду вдаваться в подробности про их оптимизацию. Но часто, вполне хватает их просто сжать в специальных сервисах.

Для сжатия CSS можно воспользоваться сервисом CSS оптимизатор.

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

Подобным же образом, можно сжать и JavaScript файлы. Заходите на этот сайт, и сжимаете свои файлы.

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

Ну а если у вас стоит CMS WordPress, то вы просто можете установить плагин Autoptimize. Вам достаточно поставить галочки, и плагин сам сожмет весь код.

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

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

Оптимизация базы данных

Если ваш сайт, работает на CMS WordPress, то вы можете оптимизировать свою базу данных. Для этого, вам достаточно установить плагин — WP-Optimize. Просто проставьте нужные галочки и плагин сам почистит вашу базу данных.

Минимум плагинов

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

Например, если вы уже установили плагин W3 Total Cache, то плагин Autoptimize, вам уже не нужен. Поскольку плагин кэширования, W3 Total Cache уже включает в себя функцию сжатия кода CSS, JavaScript. И в то же время, если вы включили кэширование у себя на хостинге, то в этом случае, уже не нужен W3 Total Cache. Тогда как, Autoptimize будет нужен.

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

Gzip сжатие

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

Есть два пути, сделать это через файл .htaccess, либо воспользоватся плагином.

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

AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript

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

Но если у вас стоит  CMS WordPress, то вы просто можете поставить плагин. Например PageSpeed Ninja. Установите соответствующую галочку и у вас включится Gzip сжатие.

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

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

Подключите CDN

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

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

Но технологии не стоят на месте, и была разработана технология под названием CDN - Content Delivery Network, Сеть доставки контента. Суть её работы простая. Ваш сайт, становится как бы везде.

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

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

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

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

Обновите версию PHP

Какую версию PHP вы используете? Это имеет значение. Уверен, до сих пор можно встретить не мало сайтов, которые используют еще пятые версии этого языка. Хотя уже давно седьмая вышла. Так вот, если вы еще не перешли на последнюю версию, то вот вам два аргумента в пользу перехода.

• PHP 7 более безопасный чем его предок. При создании новой версии, было устранено много много уязвимостей.
• Сайты на PHP 7 работают быстрее. Поскольку код самого языка, был сильно оптимизирован, то и сайты, использующие последние версии, работают быстрее.

У каждого хостинг провайдера, свой способ изменения версии PHP. У моего, это делается просто.

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

Настройте Google AMP и Яндекс Турбо страницы

AMP и Турбо страницы, это технологии, которые были разработаны соответственно Гуглом и Яндексом для быстрой загрузки мобильных страниц. В них убирается лишний код и страница для мобильного устройства, загружается намного быстрее.

Если у вас сайт на HTML или на собственной CMS, то про создание AMP, вы можете узнать из официального сайта проекта AMP. Руководство увы, только на английском языке. Если же, вы используете WordPress, то вам достаточно установить плагин — AMP, который попроще. Или установить AMP for WP, у которого настроек больше.

Для установки Яндекс Турбо, вам нужно перейти на сайт Яндекса. На этой странице вы сможете подробней узнать про технологию Турбо страниц. О том, как их сделать и плагины, которые рекомендует сам Яндекс. Причем плагины там есть не только для WordPress, но и для других популярных CMS.