Статистика Как бы не ругали WordPress, и как бы этого не хотелось многим программистам — WordPress остается самой популярной системой управления сайтом в мире! Согласно данным W3Techns на данной системе управления работает 44% сайтов в мире! Конечно же, это колоссальные цифры.В связи с этим оптимизация скорости сайта на WordPress — одна из тех тем, которая является всё более актуальной. В сети много статей и постов на эту тему, но к сожалению многие из них написаны ради того, чтобы быть написанными, не имея цели облегчить и без того не лёгкую жизнь разработчикам и оптимизаторам. Количество неоптимизированных сайтов, согласно статистике на WordPress превышает 50% от этого и складывается впечатление о том, что сайты на WordPress не могут работать хорошо и отлично. Но в данной статье, мы постараемся Вас переубедить, дорогие читатели!
Оптимизация Для начала предлагаю еще раз понять, что такое оптимизация? Согласно определению в Вики:Оптимиза́ция (от лат. optimus — «наилучший») — процесс, имеющий целью направить развитие какого-либо объекта или метода к наиболее лучшему состоянию.На наш взгляд данное определение как нельзя лучше подчеркивает то, что ждём мы от нашего сайта и от нашего проекта. Ждёт от нашего веб-проекта также и поисковая система yandex, google.Оптимизация тесно связана с СЕО(SEO) оптимизация сайта WordPress. Продвижение сайта в выдаче поисковых систем. Ведь если сайт будет грузиться более 2 секунд, то как показывает практика он не интересен ни пользователям, ни поисковым системам.Мы не будем описывать идеальные показатели как во многих статьях (многие из сайтов авторов, сами и не вписываются в те же 2 секунды).
Скорость Каким инструментом мы будем пользоваться?На наш взгляд самый хороший и быстрый инструмент для определения оптимизации сайта и скорости загрузки GooglePageSpeed.На многих сайтах указано очень много веб-инструментов, но они лишь запутывают. На наш взгляд инструмент Google как нельзя лучше справляется с данной функцией и использовать можно как основу. Да и вообще. Если ваш сайт завалит тест там, то уж поверьте, остальные инструменты большого значения иметь не будут.Традиционно мы покажем скорость загрузки нашего сайта Russ-IT скорость первой отрисовки в мобильной версии составляет 1.4 секунды, в версии для компьютера 0.2 миллисекунды.
Учитывая тот факт, что на главной станице имеется видеофайл. Мы считаем, что результаты являются отличными.
В качестве следующего примера будет интернет-магазин электроники, на WordPress который попав к нам имел скорости загрузки 5.5 секунд в мобильной версии и 4 секунды в версии для ПК, но после нашей оптимизации первоначальная мобильная загрузка составила 1.3 секунды, а версия для компьютера 0.2 секунды. Получилось еще быстрее чем на сайте Russ-IT не так ли?
Стоит отметить, что идеальных сайтов не бывает, даже те гиганты над которыми работают десятки программистов вызывают нарекания у GooglePageSpeed, он всегда остается чем-то недоволен. Главное результат — а именно оптимальная скорость загрузки, чтобы Вашему клиенту или посетителю было приятно посещать сайт и находиться в нем!Итак, мы общали 5 простых шагов к ускорению сайта на WordPress? Хотелось бы отметить, что шаги основные. Вы их получите!
Шаг 1 - избавление от кучи плагинов
По какой-то причине многие авторы не упоминают данный пункт, а наоборот предлагают загрузить всё больше и больше плагинов для оптимизации сайта на WordPress, что безусловно приводит к его перегрузке и неправильному функционированию. Для примера, на сайте магазина электроники используется всего 10 плагинов. На наш взгляд плагинов может быть и 15 если они легковесные и не грузят сильно систему, но не более. Оставьте лишь самое необходимое, а именно: 1. Плагин для SSL; 2. Плагин шаблонизатора если вы им пользуетесь (Elementor); 3. Плагин Contact Form или другой необходимый плагин; 4 Плагин кэширования данных; 5. Плагин для SEO. Это самое необходимое.И поверьте, это очень сильно влияет на скорость загрузки сайта. Ведь при загрузки любой страницы плагины активизируются и создают нагрузку.
Шаг 2 - избавление от тяжеловесных изображений
В сети есть много сервисов, которые позволяют сжать изображение для веб-нужд. Мы пользуемся для этих целей и загрузки вдальнейшем на сайт WP — AdobePhotoshop, для сжатия изображения без потери качества.Например, если для статьи нужно изображение маленькое, предположим, разрешение 400х400 пикселей, то зачем загружать картинку с разрешением 1000х1000 пикселей, проще её оптимизировать «облегчить» и загрузить на сайт, таким образом сайту будет легче грузиться. Каждый килобайт в этом деле на счету.
Шаг 3 - избавление от множества запросов в CSS, JS, HTML
Процесс заключается в том, что вместо 10 файлов с JS, CSS, HTML вы создаете 1 и он будет загружаться. Вместо 10 запросов, вы получите 1, что существенно облегчит загрузку страницы. Этот процесс называется минификацией. В этом хорошо помогает плагин W3 Total Cache (W3TC). Мы не будем предлагать как это принято у многих — установить разные плагины для разных задач, мы пользуемся одним но проверенным способом — это W3 Total Cache (W3TC), он может помочь с модификацией, кэшированием, CDN и отложенной загрузкой. Но об этом далее.
Шаг4 - кэширование В сфере вычислительной обработки данных кэш – это высокоскоростной уровень хранения, на котором требуемый набор данных, как правило, временного характера. Доступ к данным на этом уровне осуществляется значительно быстрее, чем к основному месту их хранения. С помощью кэширования становится возможным эффективное повторное использование ранее полученных или вычисленных данных.Иными словами будет первая загрузка браузером вашей страницы, где браузер загрузит всё необходимое, а во время второй и последующих будет меньше запрашивать информации, так как в его кэше уже будет храниться информация, которая не будет требовать повторной загрузки, это и облегчает повторную загрузку и снижает время, сохраняет нервы пользователя.В этих целях мы также используем, современный плагин W3Total Cache. Его плюс в том, что он бесплатен и сочетает в себе много функций.
Шаг 5 - CDN и отложенная загрузка Скорость загрузки сайта зависит, в том числе и от того, насколько далеко находятся посетители от места, где физически размещен сайт (сервера). Приблизить веб-ресурс к его географически отдаленной аудитории помогает распределенная инфраструктура «сетей доставки контента» или CDN (Content Delivery Network).W3 Total Cache позволяет как раз-таки подключиться к CDN, например, к CloudFlare.Знаете какой плюс у CloudFlare? плюс заключается в том, что данная CDN контролирует поток, и как правило там не гуляют боты и спамеры. Поэтому сайт будет дважды защищен!Отложенная загрузка страниц(LazyLoad) позволяет загружать изображение лишь тогда, когда к нему перейдёт пользователь на странице. Тем самым снова экономятся те самые килобайты, из-за которых скорость загрузки страдает!Мы надеемся, что статья была полезной, если есть желание развить какую-либо тему пишите, попробуем раскрыть.
Публикация с сайта Russ-IT.