О наболевшем: ускорение и оптимизация WordPress

Неделя заказов на ускорение сайта WordPress дала о себе знать. Хороший временный эксперимент для дополнительного заработка с положительным опытом.

Иногда оптимизация WP занимает много времени, сил/нервов и денег клиента, поэтому данными услугами я больше НЕ занимаюсь!

В статье речь пойдет о сайтах на CMS WordPress, в основе которых лежат шаблоны из ThemeForest/TemplateMonster и nulled темы.

• Владельцы микробизнеса, которые самостоятельно создали себе сайт по урокам на YouTube.

• Владельцы микробизнеса или интернет-блога, которые заказали сайт у фрилансеров за 150$ или меньше.

WordPress — это система управления содержимым сайта с динамическим контентом и базой данных. Это не конструктор для создания веб-сайтов. И от слова «WordPress» не зависят Ваши позиции в ПС или скорость работы сайта.

При верном подходе к разработке — никто и никогда не пользуется плагинами, чтобы ускорить сайт на WordPress!

Зачем писать заранее лишний код под дизайн шаблона, чтобы его потом сжимать 3-4 плагинами?

Код — это набор символов,его минимум нужно писать грамотно и под дизайн, максимум — сжать в одну строчку.

Если у сайта есть проблемы со скоростью, скорее всего, он создан на шаблоне из Themeforest неопытным фрилансером или вами самостоятельно по урокам на YouTube.

А дизайн уникальный? — Да!

Многие владельцы сайтов даже не знают, что у них nulled-шаблон с Themeforest в основе сайта. Как показала практика, исполнители часто переименовывают название тем и убирают ссылки на реальных разработчиков, выставляя работу «за свою».

Themeforest и другие аналогичные маркетплейсы не являются злом. Я ничего не имею против! Там всегда можно найти гениальные дизайнерские решения и качественные шаблоны для запуска сайта в пару кликов/для проверки идей.

Но. Проблематика таких шаблонов в том, что они рассчитаны обычно на 15 и более универсальных демо-конструкций на все случаи жизни. То есть CSS/JS библиотеки шаблона содержат в себе 70% кода, который владельцами сайтов на деле не используется. (У некоторых популярных шаблонов возможно удалять неиспользуемые библиотеки через настройки.)

Помимо данного факта, в любой шаблон встроены 20+ плагинов — от слайдеров и контактных форм до конструкторов или билдеров и интернет-магазинов на Woo.

Даже для виджета фильтра товаров — отдельный плагин. Да и вообще часто встречаю тенденцию у владельцев WP: по всем задачам всегда установка плагина. Иконки в меню — плагин. Поменять цвет иконок — второй плагин. Перевести плагин на русский язык — третий плагин.

Вот так и копится хлам, лишние библиотеки в коде. Иногда до смешного доходит: 3 одинаковых JQuery библиотеки в хедере от разных модулей.

Разработчики WordPress-тем Themeforest пытаются сделать продукт универсальным для всех сфер бизнеса. Поэтому и имеем 100+ демо страниц после нажатия кнопки «импорт демо», которые глубоко осядут в БД даже после их удаления.

Вот и главные источники проблем со скоростью: визуально сайт простой, а в коде DOM вложенность на 2500+ классов, 200+ скриптов и стилей. Все это «добро» динамически генерируется с помощью базы данных, когда пользователь пытается зайти на ваш сайт.

Десятки тысяч статей на тему: «как ускорить WordPress», «тесты модулей оптимизации и кэширования».

Плагин — это инструмент. Я считаю, что установить себе на сайт маленький модуль для чистки мусора в БД или модули для импорта или экспорта, автопостинга в соцсети — это нормально.

Но все известные бесплатные, платные плагины оптимизации максимум могут: сжать код, изменить очередь загрузки скриптов/стилей, включить кэширование и lazy load. Все! WP Fastest Cache, Autoptimize, WP Rocket и т.д — плюс минус одно и тоже.

А кто имеет административные права работать с версткой шаблона? DOM-деревом? Исправлять ошибки валидации кода? Человек!

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

• Банальный пример № 1. В шаблоне через wp_enqueue_style() настроена подгрузка 5 библиотек иконок, при этом на деле используется всего 1. Плагинам оптимизации это по-барабану, удалить лишние они не могут. В итоге на вашем сайте загружаются 4 лишних бесхозных библиотеки. Мейнстримом бесхозности в коде являются библиотеки встроенного редактора Gutenberg (block_scripts_and_styles).
• Банальный пример № 2. Гражданин А. решил настроить у себя на сайте кэширование и устанавливает для этого плагин. Плагин в свою очередь вносит записи в. htaccess, добавляет свою рекламу в комментарий кода и создает отдельную папочку в корне сайта для статических файлов. Вставить код в. htaccess можно самостоятельно или попросить поддержку хостинга (в худшем случае) проделать тоже самое. В ips manager и вовсе это решается почти одной кнопкой.
  

Количество HTTP запросов — да, можно сократить плагином за счет объединения библиотек, но это может сделать программист на этапе разработки сайта.

Как накручивают 100 баллов на Google PageSpeed описано в этой статье.

Большинство фрилансеров с дешевых бирж удаленной работы вешают на ваш сайт те самые плагины оптимизации и пытаются задушить шаблон сайта кэшированием и сжатием.

Безусловно это дает прирост к скорости в тестах, уменьшает время до первого взаимодействия с сайтом, но по факту основные проблемы не искореняются.

Какой в здравом уме человек будет работать 3 дня за 500 рублей с кодом сайта? За 500 рублей Вам в течение часа поставят парочку модулей, попивая кофе! А кто-то за аналогичную работу возьмет и 1500 рублей. Вот и вся «оптимизация».

На выходе имеем франкенштейна с тоннами плагинов и мусора в коде. С чрезмерной DOM-вложенностью, высокой нагрузкой на сервер. А еще хуже — задушенный сжатием и кэшированием сайт. Подобные сайты могут иметь ответ от сервера ниже 0,2 секунды, но пока из SQL базы «выковыриваются» блоки билдера, слайдера, контактных форм, товаров и второстепенных плагинов — проходит вечность.

Некоторые фрилансеры умудряются создавать лендинги на тяжелых шаблонах интернет-магазинов, использовать сразу два билдера на сайте (Elementor + Visual Composer).

Интересный факт. Большинство людей думают, что Yoast SEO — это кнопка «SEO-продвижение», установил и завтра в топ. Господа, у Yoast SEO есть еще 200+ инструментов, например: анализ текста и микроразметка для соцсетей. А простые метаописания легко вывести в шаблоне руками и работать с function.php без Yoast и его рекламы в комментарии кода.

Все просто и равнодушно. Скупой — платит дважды. Заказчик 500-рублевых бирж — платит шестнадцатикратно. Есть конечно исключения, но в основном это так.

Для долгосрочной перспективы разрабатывать сайт необходимо c нуля из дизайна верстать под WordPress.Собирать семантическое ядро и писать контент. И будет здесь, и зеленая зона в PageSpeed Insights, и поисковой трафик.

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

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

Что выгодно для разработчика — не всегда выгодно для вас. К сожалению, но многие удаленные исполнители обещают золотые горы и уникальные дизайны, а на самом деле скачивают nulled из бесплатных файлообменников шаблон WordPress и собирают подобные «солянки».

Фрилансер, веб-студия — заработали, вы в будущем будете переделывать сайт, переходить на «Битрикс» или OpenCart и говорить: «WordPress — хлам, ужас, не очень:(»

#wordpress