Техники максимального разгона WordPress-сайтов до оценки 80-90 в Google PageSpeed Insights — как?

Question

[Леонид]

В последнее время по работе попадается куча сайтов на платных тажелых темах с WPBakery Page Builder и с WooCommerce на борту - и всё это адски тормозит, а начальство требует показатели в 70-80-90 в PageSpeed Insights!

Для простых сайтов я применял следующий подход:
1) Выбирал более менее шустрый виртуальный хостинг на SSD
2) Устанавливал и настраивал WP Super Cache
3) Устанавливал и настраивал Autooptimize
4) Оптимизировал графику EWWW Image Optimizer

и удавалось добраться до показателей в 65-70-80, но что делать с тяжелыми темами?

Какие меры Вы предпринимаете для ускорения своих WordPress-сайтов? Что используете: какие плагины, технологии, подходы?

Comments

[Dimonchik]

https://jetpack.com/features/design/content-delive...

Answer 1

[Александр]

Google же пишет в чем конкретно проблема, не?
Я тоже одно время занимался ИМ, написанным частично на конструкторе, но я разгонял его по факту скорости загрузки сайта, а не показателей Google pagespeed.
Достиг показателя загрузки сайта 300мс и успокоился. Чистил базы данных от мусора, в какой-то момент помню даже проходился по всему css файлу конструктора и удалял неиспользуемые стили(вот тут можете глянуть Что сделать с большим файлом css? ).

Так то в правильном направлении копаете, хороший кэш плагин и быстрый хостинг - самое главное, след шагом оптимизируете картинки и оптимизируете файлы сайта(например объединяете css'ки в один файл)

Comments

[Леонид]

(например объединяете css'ки в один файл)

так Autooptimize за меня же это делает?

[Igor Ivanov]

А потом в анализе покрытия кода увидите, что бОльшая часть кода на CSS не задействована. Не все CSS нужно в один файл объединять. И почему бы не сделать опцию в настройках плагина, какие файлы объединять, а какие - нет и какие подключать в head, а какие в footer.

Answer 2

[АртемЪ]

Предпринимать что-то для оптимизации не зная в чем конкретно проблема - глупо.
А причину тормозов вы не называли.

Техники максимального разгона WordPress-сайтов до оценки 80-90 в Google PageSpeed Insights — как?

Элементарно - делаем трассировку, смотрим где узкие места, устраняем эти места.

Comments

[Леонид]

Спасибо, конечно же я пытаюсь выполнить все советы от Google PageSpeed Insights.

Просто хотел узнать общие подходы )
К примеру выше посоветовали плагин минимизации: Fast Velocity Minify и по моим замерам он оказался лучше популярного Autooptimize!

[АртемЪ]

Леонид, Разные решения на разных типах данных могут показывать разные результаты. Поэтому тут надо смотреть по вашей ситуации.

[АртемЪ]

Выбирал более менее шустрый виртуальный хостинг на SSD

Наличие SSD в виртуальном хостинге не более чем маркетинговый ход.
Выбирать надо путем мониторинга нагрузки в разных сценариях и в разные моменты времени, но даже так - гарантии никакой.
Более- менее стабильных результатов можно добиваться только на своих ресурсах.

Answer 3

[Max Medar]

платных тажелых темах с WPBakery Page Builder и с WooCommerce на борту - и всё это адски тормозит

Это и будет адски тормозить. Попробуйте связку W3 Total Cache с Fast Velocity Minify. Второй плагин умеет оптимизировать чисто для PageSpeed Insights, ну так, чтобы было что начальству показать. Но учтите, что легко можно дооптимизироваться так, что сайт поплывет.

Обычно больше всего баллов дает четкая подгонка изображений под размеры. Но в случае с вижуалкомпозером вам прийдется ручками править изображения под каждую страницу.

Вообще лучше не подсаживайтесь на монстроуозные темы и вижуалкомпозеры, это тупик. Выберите простую тему, которая умеет только то, что вам нужно для конкретного сайта и больше ничего. Для контента используйте стандартный редактор. Если что-то нужно, что никак не получается сделать стандартным функционалом из админки - сделайте шаблон для нужной страницы + ACF (а лучше ACF pro).

Если магазин большой, динамичный, с приличной посейщаемостью. То стоит нанять толкового программиста и администратора. Чтобы грамотно настроить VPS, вынести базу на отдельный сервер, объектное кеширование, обратный прокси и другие умные слова.

Также есть смысл рассмотреть отличные от WordPress решения для интернет-магазина.

Comments

[Леонид]

учтите, что легко можно дооптимизироваться так, что сайт поплывет.

поплывет - в смысле верстка? или что? или замедлится?

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

да блин почти каждая тема на themeforest.net и templatempnster работает на каком-нибудь конструкторе с еще десятком ненужных плагинов на борту...

Если что-то нужно, что никак не получается сделать стандартным функционалом из админки - сделайте шаблон для нужной страницы + ACF (а лучше ACF pro).

дорого, ибо программирование + адаптивная верстка... увы дорого...

Также есть смысл рассмотреть отличные от WordPress решения для интернет-магазина.

Пересаживаться на другие рельсы тоже долго и дорого...

[Леонид]

За Fast Velocity Minify - спасибо, ощущение что работает лучше чем Autooptimize

[Max Medar]

поплывет - в смысле верстка?

Она самая. И скрипты могут сломаться. Также важно проверить работу корзины заказов. Бывают случаи, когда корзина одного пользователя попадет в кеш и начинает показоваться другим.

Вообще просто возьмите в привычку проверять сайт после танцев с кеширующими плагинами и все будет нормально.

да блин почти каждая тема на themeforest.net и templatempnster работает на каком-нибудь конструкторе с еще десятком ненужных плагинов на борту...

Да, это та еще помойка, но ищите, ищите и ищите. Также не брезгуйте посмотреть бесплатные темы из каталога WP.

дорого..., долго..., дорого..., дорого...

Да, дорого. Бывает даже очень дорого. Иногда это оправдано, иногда нет. Просто помните, что такие варианты есть и вспоминайте о них, если магазин крупный или перспективный.

В вашем случае тогда внимательно просмотрите все советы, которые вам дает Google PageSpeed Insights и пробуйте исправлять каждый случай отдельно.

[Леонид]

Max Medar, спасибо за советы!