Как лучше всего оптимизировать веб-сайт? Допустим, вы вручную оптимизировали весь код сайта. Казалось бы, все хорошо и можно дальше работать. Так и есть, но это до того момента, как вы начнете расширять веб-сайт. Добавление новых типов страниц или контента – уже снова нужно проводить оптимизацию. Зачем постоянно оптимизировать сайт вручную, когда можно сделать этот процесс автоматическим. Достаточно всего лишь делегировать эту задачу подходящему плагину и можно спокойно заниматься своими делами и даже не думать об оптимизации. Какой же плагин подойдет для этой цели? Мы можем сказать, что вам нужен именно Autoptimize. Это расширение автоматизирует процесс оптимизации веб-сайта, причем делает это очень качественно. Давайте подробно рассмотрим само дополнение и его функционал.
Краткая информация о Autoptimize
Autoptimize – это плагин для оптимизации веб-сайта на WordPress. Расширение имеет достаточно широкий спектр возможностей, которые позволяют проводить тонкую настройку процесса оптимизации ресурса. Стоит заметить, что плагин предоставляет настройки, которые позволяют подстроить его работу под конкретный сайт. Дополнение совместимо с другими инструментами для оптимизации. Поэтому если вы уже используете какое-то расширение, то его можно продолжать использовать вместе с Autoptimize. Средняя оценка плагина – 4,5 звезды при количестве загрузок, которое превышает 1 миллион. Это говорит о его высокой популярности и хорошем качестве работы. Также дополнение имеет очень большое количество положительных отзывов. Autoptimize совместим с WordPress 5.6 и переведен на 30 языков. Разработчики плагина хорошо постарались и добавили в свой продукт все функции, которые нужны для полноценной работы с дополнением. Посмотрим на некоторые из этих функций:
- расширение в автоматическом режиме минимизирует все ваши файлы скриптов и стилей;
- плагин автоматически распределяет стили в шапку сайта, а скрипты в подвал. Так как стили будут загружаться первыми, то скорость загрузки самого ресурса повысится;
- возможность оптимизации и включения отложенной загрузки изображений. Плагин поддерживает также форматы Webp и Avif;
- даже если вы используете HTTP 2, дополнение все равно позволяет еще лучше оптимизировать веб-сайт;
- расширение может оптимизировать даже шрифты, которые вы используете на своем ресурсе;
- плагин имеет расширенный API, который позволяет настроить его в соответствии с конкретными потребностями вашего веб-сайта;
- расширение позволяет отлично работать с визуальными конструкторами.
Это был неполный список возможностей. Все возможности, которые открываются вместе с этим популярным дополнением, вы можете попробовать самостоятельно в деле, только воспользовавшись плагином.
Полезно: подборка лучших тем WordPress для риелтора
Принцип работы Autoptimize
Естественно, очень важно знать, каким образом работает расширение. Исходя из принципа работы дополнения, можно понять, насколько оно нужно и нельзя ли заменить его другим инструментом. Autoptimize работает по достаточно простому принципу. Оптимизация сайта обычно заключается в том, чтобы минимизировать файлы (сценарии и стили), сжать их и распределить по частям кода. Именно это и делает дополнение. Сначала плагин объединяет все сценарии и стили веб-сайта, потом он их минимизирует и сжимает, а после этого кэширует и распределяет. Распределение происходит таким образом: скрипты перемещаются в подвал сайта, а все стили – в шапку. Почему так? Потому что скрипты в начале страницы могут значительно замедлить загрузку сайта. Это очень плохо скажется на поисковой оптимизации.
Помимо комплексной работы над стилями и скриптами веб-сайта расширение так же работает и с самим HTML-кодом, оптимизируя его и убирая все лишнее.
Очищает ли автоматическая оптимизация кэш
Сам плагин не имеет полноценного инструмента, который бы позволил очищать кэш. Почему? Это сделано по некоторым соображениям разработчиков. Они боятся, что расширение может удалить некоторые файлы, которые еще нужны для работы сайта и ресурс просто перестанет работать. К слову, если у вас на сайте быстро растет кэш, это может быть вызвано целым рядом причин и вам стоит попробовать поискать плагины для очистки кэша. Вместо того чтобы вычищать кэш, вы можете попробовать другие методы, которые не позволят ему увеличиваться:
- отключить одну из этих двух опций (или обе опции): «агрегировать встроенный JS» и «агрегировать встроенный CSS»;
- исключить JS-переменные, которые меняются при загрузке каждой страницы.
Посмотрите расширения для автоматической ошибки кэша. Но пробуйте ее использовать только в том случае, если вы точно знаете, что делаете.
Полезно: обзор редактора блоков Gutenberg
Работа с визуальными конструкторами
Визуальные конструкторы – то, что позволяет работать с сайтом даже новичку. При помощи этих мощных инструментов вы можете самостоятельно собирать веб-сайты любой сложности. Простой подход к разработке очень сильно упрощает весь процесс. Но здесь возникает небольшой вопрос – можно ли работать с конструкторами страниц если на сайте установлен и работает Autoptimize? Это правильный вопрос, особенно учитывая тот факт, что конструкторы в процессе работы создают новый код, когда расширение его постоянно оптимизирует. Но все в порядке, конструкторы страниц превосходно работают и вместе с Autoptimize. Но для этого вам будет нужно перейти в настройки и там отключить пару параметров.
Почему отложенный CSS несет пользу
В своей работе расширение часто создает отложенный CSS. Разумеется, возникает вопрос – что это такое и почему это стало таким популярным? Все достаточно просто. Вообще весь CSS код всегда должен находиться в заголовке страницы. Это уже стандарт. В последнее время Google решил начать продвижение отложенного CSS. Отложенный CSS – это код сайта, который в принципе нужен веб-сайту, но при этом можно подождать с его загрузкой. То есть, сначала загружаются самые важные файлы, которые отвечают за создание верхней части страницы, видимой пользователем при заходе на веб-сайт, а после этого уже подгружается отложенный код.
К слову, это особенно важно, когда пользователь заходит на веб-сайт с телефон, так как сайт загружается гораздо быстрее. Использовать отложенный CSS также достаточно просто. Нужно выбрать пункт «встроенный и отложенный CSS» и в специальное поле ввода вставить блок «CSS над сгибом». Но здесь возникает другая проблема – где определить область сгиба? Эту область достаточно трудно определить самостоятельно, так как она в принципе зависит от размера экрана пользователя. Но вы можете воспользоваться некоторыми инструментами, которые уже отделят главную часть страницы от остального контента.
Как дополнение оптимизирует изображения
При включенной оптимизации изображений, расширение будет смотреть, какие картинки загружаются с вашего собственного домена. После того, как плагин найдет все изображения, он изменит их источник на ShortPixel CDN. Таким образом, изображения на сайте будут загружаться быстрее.
Оптимизация изображений работает только для общедоступных изображений. В противном случае, картинки просто не будут оптимизироваться.
Повышает ли дополнение оценку скорости сайта
В целом, нельзя однозначно сказать об улучшении оценки расширением. Многие пользователи Autoptimize жаловались на то, что они провели оптимизацию, но оценка так и не повысилась. Давайте разберемся с этим вопросом. Начнем с того, что оценка скорости загрузки веб-сайта формируется из нескольких ключевых факторов. Оптимизация – это лишь один из факторов. Например, есть еще кэширование страниц, а также повысить скорость загрузки сайта может изменение конфигурации веб-сервера. Но не суть. Сам плагин работает конкретно с файлами сайта. Он сжимает и минимизирует файлы стилей и скриптов, удаляет ненужные шрифты и позволяет включить отложенный CSS. Это увеличивает производительность сайта, но на оценку это может и не повлиять. Но здесь плагин поможет по-другому – с его помощью вы можете убрать некоторые конкретные предупреждения от PageSpeed.
Полезно: темы для блога на WordPress начала 2021 года
Можно ли использовать Rocket Loader Cloudflare
Rocket Loader Cloudflare – это достаточно продвинутый и очень мощный способ работы с JS без блокировки рендеринга. Этот инструмент вполне хорошо работает одновременно с Autoptimize. Но иногда могут возникать и сбои в работе. Что мы можем вам посоветовать? Сначала стоит отключить Rocket Loader, после этого можно уже настроить Autoptimize, а потом снова запустить Rocket Loader. Когда вы проделаете эти действия, убедитесь, что все работает так, как надо.
Нужна ли автоматическая оптимизация, если уже используется HTTP/2
Стоит заметить, что HTTP/2 – это просто большой шаг вперед. Это работает таким образом, что вместо большого количества запросов к серверу, используется только одно соединение, в котором сразу выполняется несколько запросов. Да, это позволяет значительно оптимизировать скорость загрузки веб-сайта. Но не стоит исключать тот фактор, что расширение не ограничивается лишь парой инструментов для оптимизации сайта. Поэтому даже если вы используете HTTP/2 , Autoptimize все равно будет полезен. Каким образом? Например, все еще имеет смысл попробовать конкатенировать файлы CSS и JS. Это не единственный способ применения дополнения. Но вам стоит самостоятельно попробовать функции Autoptimize на своем веб-сайте, так как у вас может быть связка HTTP/2+агрегация и минификация или HTTP/2 с агрегацией, но без минификации. Поэтому пробуйте и тестируйте, так как плагин поможет гораздо больше, чем просто с оптимизацией файлов.
Полезно: визуальный редактор для WordPress: какие бывают, как выбрать
Как исключить некоторые элементы из оптимизации
Иногда бывает нужно исключить некоторые элементы из оптимизации. Разработчики предусмотрели это, и вы можете добавить в список исключений те файлы, которые не должны оптимизироваться. Сделать это можно таким образом:
- исключение определенного файла. Нужно просто указать путь к файлу, который должен быть исключен;
- исключить все файлы определенного плагина. Для этого лишь необходимо указать саму папку с этими файлами;
- исключение встроенного кода. Это уже немного сложнее, но вам достаточно найти конкретную уникальную строчку кода и добавить ее в список исключений.
Это все, что вам нужно знать о том, как можно исключить файлы из оптимизации.
Функция очистки кэша
Да, функции автоматической очистки кэша в расширении нет. Но никто не отменял ручное удаление кэша. Эта функция достаточно хорошо работает, но иногда могут возникнуть небольшие трудности. Сейчас мы расскажем, что можно сделать в таких ситуациях. Например, вы наживаете на кнопку «удалить кэш». После этого на панели администратора может выскочить сообщение «возможно, ваш кэш не был успешно очищен». Что делать в этом случае? Достаточно просто перейти на страницу настройки автоматической оптимизации и нажать на кнопку «сохранить изменения и очистить кэш».
Обратите внимание, что расширение никогда не опускает кэш до нуля. Это из-за того, что Autoptimize сразу после очистки автоматически загружает кэш заново, чтобы ускорить дальнейшую работу с файлами сайта.
Полезно: WP Super Cache как инструмент разгрузки вашего сайта WordPress
Стоит ли своих денег платная версия Autoptimize
Расширение поставляется бесплатно, но также оно имеет и расширенную версию. Разумеется, расширенная версия включает в себя гораздо больше функционала, чем бесплатная. Pro версия поставляется в двух вариантах – Expert и Complete Speed. Посмотрим, что включают в себя оба тарифа.
Autoptimize Expert. Стоимость этой версии – 299 евро. За такую сумму вы получаете весь функционал бесплатной версии, но при этом разработчики добавили следующие функции:
- оптимальная конфигурация, которая полностью адаптирована конкретно к вашему веб-сайту;
- надстройка criticalcss, которая позволяет еще сильнее ускорить веб-сайт.
Complete Speed Optimozation. Этот тариф стоит 799 евро, и он еще включает в себя отчеты со сравнениями до и после. Посмотрим, какие функции входят в этот тариф:
- все функции, которые есть в Autoptimize Expert;
- конфигурация кэширования, как на стороне клиента, так и на стороне сервера;
- оптимизация изображений;
- отчеты по всей работе, проведенной на сайте.
Оба тарифа включают в себя премиальную поддержку, поэтому вы можете обратиться к специалистам за помощью. Когда вы оплатите любой из этих тарифов, разработчики сами зайдут на сайт и будут работать над его полноценной оптимизацией. Поэтому это даже не займет много времени. Также стоит обратить внимание на то, что если разработчики перепробуют все, а скорость загрузки сайта не повысится, то они вернут все потраченные средства.
Отзывы пользователей
Теперь, когда мы рассмотрели суть работы с дополнением и узнали, как можно исправить основные проблемы, можно переходить к теме пользовательского опыта. Разработчики могут долго расписывать все возможности своего продукта. Но проверить это все можно только воспользовавшись плагином. Когда есть отзывы, даже не принципиально самостоятельно проверять работоспособность расширения. Можно просто прочитать мнение пользователей и сделать свои выводы. Вот что пишут пользователи Autoptimize: «плагин Autoptimize – это просто отличное расширение. Он значительно ускорил время загрузки моего веб-сайта. К слову, я использовал не только это дополнение. У меня была связка Autoptimize + CriticalCSS + W3 Total Cache. Независимо от типа устройства и пропускной способности моего интернета, сайта загружался очень быстро», «мне хотелось бы больше внимания уделить поддержке расширения. Команда поддержки все время помогала мне решать все проблемы с дополнением. И это еще при том условии, что проблема заключалась совсем не в плагине. Но, несмотря на это, ребята пробовали новые решения и помогали мне, пока проблемы не была полностью устранена».
В общем, вот так отзываются пользователи расширения. На странице с отзывами можно найти еще очень большое количество других сообщений. И стоит обратить внимание, что разработчики отвечают пользователям даже на отзывы.
Заключение
Autoptimize – очень мощный плагин для автоматической оптимизации вашего веб-сайта. Стоит обратить внимание на то, что расширение уже имеет почти все функции, которые нужны для ускорения сайта. И самое главное – разработчики постарались над тем, чтобы в плагине не было тех функций, которые могут помешать работе ресурса. Поэтому вы можете спокойно скачивать расширение, а если понадобится, то и обратиться к разработчикам за комплексной оптимизацией.
