Создание и поддержка сайтов

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

Всем привет! Сегодня мы с Вами рассмотрим, как проверить и ускорить скорость загрузки Вашего сайта.

[embedyt] https://www.youtube.com/watch?v=T-1kgsWeGA0[/embedyt]

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

Давайте рассмотрим первый сервис, который называется gtmetrix.com

Сюда вводим адрес сайта. На этом сервисе можно даже вводить кириллические домены, он все принимает. Нажимаем на кнопку «Анализ», ждем некоторое время. Итак, система проанализировала наш сайт, и здесь мы видим, что сайт загружается за 4 секунды, размер страницы (в мегабайтах) 420 Кб, и при загрузке этого сайта загружается 38 элементов.

А здесь Вы можете просто смотреть процент оптимизации. Чем он выше, тем лучше. И здесь я Вам рекомендую вкладку Waterfall, она позволяет нам увидеть, какой из наших элементов сколько загружается. Ms –это миллисекунды, можете на них не обращать внимания, а вот там, где написано s – это секунды, вот на них стоит обратить внимание. К примеру вот у нас есть картинка, она размером 272 Кб и загружается одну секунду с лишним. Так же есть другая картинка, которая весит 400 Кб – тоже загружается полторы секунды. Итак далее. Таких картинок, я вижу, здесь много. И их можно было бы оптимизировать на самом деле, чтобы сайт быстрее загружался и, возможно, позиции сайта после этого тоже возросли бы.

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

Итак, давайте рассмотрим второй сервис. Называется он pingdom.com

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

Сервис для конвертации кириллических доменов:
https://2ip.ru/punycode/

В интернете есть разные конвертеры, можете ввести в поиск «конвертер punycode для РФ доменов», ввести сюда домен и здесь Вам напишется ссылка в нужном виде. Мы ввели адрес и нажимаем «Start test», ждем некоторое время и этот сервис говорит уже, что сайт загрузился за 2 секунды. Почему такая разница? Потому что сайт проверяется с разных точек планеты. Допустим, здесь он проверил с Сан Хосе (США), а здесь с Ванкувера (Канада). Здесь же есть такая же диаграмма, где можно посмотреть скорость загрузки файлов. Здесь мне нравится, то что можно отсортировать по размеру. Здесь мы можем увидеть самый большой файл, который загружается. Вот, допустим, эта картинка загружается 1 секунду и 9 миллисекунд. И давайте попробуем ее оптимизировать. Для начала давайте ее скачаем и перейдем на сервис optimizilla.com

Сюда мы загружаем нашу картинку, которую только что скачали с сайта. И вот она у нас занимает 444 Кб. Давайте посмотрим, на сколько ее можно сжать. Итак, система сжала картинку на 70% и теперь наша картинка занимает всего 132 Кб и здесь сейчас загрузится вид «до» и «после» и в основном качество здесь не ухудшается. Этим и нравится мне этот сервис. Но даже если и есть разница, она минимальна. После этого Вы можете скачать этот файл и заменить ту картинку, которая у Вас есть на сайте. В адресе Вы можете посмотреть, где находится эта картинка (здесь картинка находится в корне сайта). Получается Вам остается только зайти на хостинг через файловый менеджер и заменить эту картинку на новую, которую Вы сжали.

Так же я хотел рассказать о том, как быть тем, у кого WordPress , как им автоматизировать оптимизацию изображений. Для этого мы будем использовать плагин, для этого перейдем в «Плагины», «Добавить новый», «Поиск», пишем название:  Resize Image After Upload. Нажимаем «Установить», «Активировать». Далее переходим в настройки: Resize Image After Upload. Здесь стоит по умолчанию разрешение на уменьшение размера оригинального изображения. Но я у себя убрал, поставил «No». И здесь, где Force JPEG re-compression ставим «Yes» и нажимаем «Update option».

Теперь попробуем загрузить картинку на сайт. Переходим в  «Медиафайлы», «Добавить новый», выбираем «С компьютера». Давайте выберем картинку, которая занимает 733 Кб. Ждем загрузки и давайте посмотрим теперь сколько она занимает. Нажимаем «Изменить», и мы видим размер файла 378 Кб. Мы практически вдвое сократили размер файла.

На этом все. Всем пока-пока.