Здравствуйте, дамы и господа, в этой статье решил сравнить два плагина для ускорения: PageSpeed Ninja и Autoptimize. Я буду сравнивать на рабочем и очень перегруженном сайте. Также буду для связки докидывать WP SuperCache. Ну, чтобы сымитировать реально рабочий сайт. Также будут подключены все нужные для работы инструменты: средства аналитики, разнообразные формы обратной связи. Сам сайт очень «тяжёлый», используется связка WordPress+WooCommerce, тема для WordPress с избыточным функционалом, а также разнообразные плагины для улучшения внешнего вида и добавления блоков к Gutenberg.
Сразу скажу, что сравнивать буду именно бесплатный функционал плагинов. В Pro-версии у PageSpeed Ninja функционал превосходит практически все аналоги.
Сравниваем PageSpeed Ninja и Autoptimize
Это два очень мощных плагинов для ускорения. Ранее я забросил PageSpeed Ninja, так как он не обновлялся и с PHP 8 напрочь отказывался работать. Но сейчас плагин активно обновляется и хорошо работает.
И если честно, в противостоянии PSN и Autoptimize я не выявил явного победителя. На разных сайтах они себя показывали по-разному, в целом, Autoptimize мне показался более удобным и стабильным. Я пробовал эти плагины на многих сайтах. И где-то результаты получались равные, а где-то Autoptimize явно лучше справлялся. Потому рекомендую именно Autoptimize.
Также заметил, что на сайтах с WooCommerce работает лучше именно Autoptimize.
Сразу скажу, что Autoptimize гораздо проще в настройке. PageSpeed Ninja в настройке гораздо тяжелее на сайте есть подробная инструкция.
Итак, сейчас просто покажу на примере рабочего сайта, чего ждать от данных плагинов. Начнём с проверки сайта без использования плагинов для кэширования и ускорения.
Если включить кэширование, то результаты не изменятся. Как видите, изначально сайт очень медленный. А теперь давайте проверим каждый плагин по отдельности.
Результаты работы Autoptimize
Чтобы уровнять шансы, я буду использовать Autoptimize вместе с плагином от его автора Async Javascript: https://ru.wordpress.org/plugins/async-javascript/. Он бесплатный, есть в репозитории, без этого плагина не получится реализовать функционал асинхронной загрузки скриптов, который есть в PSN. Потому я покажу результаты проверки плагина Autoptimize, а также результаты совместно с плагином Async Javascript.
Итак, для начала настроим Autoptimize в режим «хардкор», то бишь будем использовать весь доступный функционал.
Если включить все функции по максимуму, то результат получается неплохой:
Как видите, для десктопа разницы особой нет.
По DevTools тоже видно, что события DCL и Load происходят быстрее, чем без плагина, причём почти на секунду, это немало.
Если использовать Async Javascript+Autoptimize, то результаты будут лучше только для десктопной версии.
Но визуально сайт станет грузиться быстрее, и DevTools подтвердит это наглядно:
Как видите, выигрываем больше секунды времени к событиям DOMContentLoaded и Load. И это немало, пользователям точно понравится такое ускорение. А если учесть, что Chrome собирает реальные данные о скорости сайта, такой прирост пойдёт на пользу и к SEO.
Но выставить все настройки на максимум не получится, это, как правило, ломает сайт. В данном случае у меня сломались слайдеры и некоторые блоки перестали отображаться. Например, иногда нужно исключить jQuery из асинхронной загрузки, а также не стоит встраивать CSS в HTML, исключить парочку CSS, чтобы они грузились как обычно.
И при выставлении «щадящего» режима ускорения результат не изменился, но при этом сайт стал нормально работать. А в DevTools даже увидел небольшое улучшение в плане события DCL.
Так что стоит поиграться с настройками и посмотреть, как лучше, иногда нет смысла использовать все возможности плагина, ибо сайт может «сломаться», а прибавки к скорости вы не получите.
Результаты работы PageSpeed Ninja
Это плагин имеет огромный функционал и довольно тяжёл в настройке. Но если любите покопаться в куче настроек и экспериментировать, то PSN для вас — идеальный вариант.
Сначала я решил активировать на нём вообще все возможные настройки. Результат получился плохой.
Как видите, результаты для десктопа очень хороши. Но сейчас важнее мобильная версия. Также сайт у меня перестал нормально функционировать, слайдеры не работают, многие анимации и кнопки тоже перестали работать.
События DCL и Load тоже показали очень плохие значения.
После настроил его нормально, долго игрался с настройками, сайт заработал, но улучшения результатов в PageSpeed Insight так и не увидел.
Но при этом реальная скорость у сайта стала неплохая.
Не уступает Autoptimize. Но и не превосходит.
Но в силу сложности настройки, а также потому, что в большинстве сценариев бесплатная версия PageSpeed Ninja показала худшие результаты, предпочтение отдаю Autoptimize в связке с плагинами кэширования и Async Javascript.
У PageSpeed Ninja функционал имеет преимущества в том, что у него встроенная система конвертирования в WebP, а также есть собственные методы кэширования. У Pro-версии гораздо больший функционал, потому результаты уже совсем другие, но и настройка становится ещё сложнее.
Результат противостояния
Между бесплатной версией Autoptimize и PageSpeed Ninja, я предпочту именно Autoptimize. В большинстве сценариев его намного проще использовать. Но при этом с PageSpeed Ninja можно обеспечить большую гибкость в работе. Например, если Autoptimize по каким-то причинам не работает на сайте, то можно использовать именно PSN, отключив все настройки, которые вызывают сбои в работе сайта.
На этом с вами прощаюсь, желаю успехов и быстрых сайтов!
