Оптимизация под Google PageSpeed — сократите время ответа от сервера?

Question

[frame3353]

Есть сайт на WordPress - test7.miron1dl.beget.tech
Для него нужно сделать 80+ в PageSpeed как для мобильных, так и на десктоп. Все уже перепробовал, ничего не получается. Мешает такой пункт: "Сократите время ожидания от сервера". Как можно это решить?

Answer 1

[Игорь Воротнёв]

"Время ожидания от сервера" – это backend. Это скорость работы самого веб-сервера, PHP, MySQL, WP c плагинами и темой, а также ваш произвольный код. Есть два варианта:

1. Быстрый "хак" – включить кеширование. В идеале в статику. Гуглите плагины и full page cache.
2. По уму – сменить провайдера DNS на более быстрого, сменить хостинг на более быстрый, оптимизировать настройки сервера (nginx, php, mysql, операционная система), добавить объектное кеширование (memcached/redis), оптимизировать код, отключить ненужное и тд. А уже поверх всего этого использовать несколько уровней кеширования.

Answer 2

[Орхан Гасанлы]

Здравствуйте!
1) Возьмите нормальный хостинг
2) Отключите ненужные плагины
3) Подробнее об оптимизации сайта я писал здесь:
Почему Google ругается сам на себя в Google PageSpeed Insights по поводу шрифтов?

Answer 3

[Ильдар Сарибжанов]

Перенеси в подвал подключение стилей и скриптов.

И, думаю, этого будет достаточно.

Ещё можно тоже в подвал опустить. Добавить загрузчик, типа полноэкранная загрузка, поверх основного контента, а стили для него прописать прям в html. Это тоже даст прирост в тесте

Comments

[Игорь Воротнёв]

"время ожидания от сервера" - это бекенд. Там надо оптимизацию делать, а не маскировать загрузчиком (руки отрывать за такое надо)

[Ильдар Сарибжанов]

Игорь Воротнёв, Редактор съел мой код.

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

Как сам гугл рекомендует: добавить стили для первого экрана в head, а всё остальное подключаем файлом перед /body (закрывающимся). Но иногда стили первого экрана - это несколько больше 3х строк, поэтому я в своей практике иногда использую этот хак. Когда сначала отображается черный экран с загрузчиком, а потом скриптом определяем факт загрузки необходимых картинок и стилей, и отображаем основную разметку.

Позвольте мне оставить мои руки при мне =)

[Игорь Воротнёв]

Ильдар Сарибжанов, по поводу рук я конечно пошутил, но все же настоятельно посоветую разобраться с разницой бекенда и фронтенда. "Время ответа сервера" вообще никак не связано с вашими танцами с css, js, порядком загрузки ресурсов и тд. Речь исключительно о медленной серверной части.