• Никакой политики на форуме. Иначе - бан!
  • Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!
  • Темы озаглавленные с маленькой буквы или капсом удаляются без предупреждения!

Как победить PageSpeed Insights от Google?

mulch

Форумчанин
Коллеги, приветствую.
Два дня игрался с отключением в хэдере и подключением в футере JS и CSS.
В итоге лучшим вариантом стала асинхронная загрузка JS через DEFER.
А для CSS - отключяение вверху и подключение в футере. НО!
Не могу никак добиться отключения вверху дочернего style.css.

Лучшие показатели PageSpeed - 74/86.
Сайт - http://mulch.beget.tech/ (технический)

Коды отключения CSS:
function remove_css1_from_wp_head() {
wp_dequeue_style( 'page-list-style' );
wp_dequeue_style( 'subscribe-and-connect' );
wp_dequeue_style( 'vscf_style' );
wp_dequeue_style( 'storefront-style' );
wp_dequeue_style( 'storefront-fonts' );
wp_dequeue_style( 'storefront-woocommerce-style' );
//wp_dequeue_style( 'storefront-child-style' );
}
add_action( 'wp_enqueue_scripts', 'remove_css1_from_wp_head', 25);

function remove_css2_from_wp_head() {
wp_dequeue_style( 'storefront-child-style' );
}
add_action( 'wp_enqueue_scripts', 'remove_css2_from_wp_head', 30);

Коды подключения:
function add_css_to_wp_footer() {
?>
<link rel="stylesheet" href="http://mulch.beget.tech/wp-content/plugins/sitemap/css/page-list.css">
<link rel="stylesheet" href="http://mulch.beget.tech/wp-content/plugins/subscribe-and-connect/assets/css/frontend.css">
<link rel="stylesheet" href="http://mulch.beget.tech/wp-content/plugins/very-simple-contact-form/css/vscf-style.css">
<link rel="stylesheet" href="http://mulch.beget.tech/wp-content/themes/storefront/assets/sass/woocommerce/woocommerce.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?fa...alic,400italic,700,900&subset=latin,latin-ext">
<link rel="stylesheet" href="http://mulch.beget.tech/wp-content/themes/storefront/style.css">
<li77nk rel="stylesheet" href="http://mulch.beget.tech/wp-content/themes/storefront-child/style.css">
<?php
}
add_action( 'wp_footer', 'add_css_to_wp_footer', 5);

Что делаю не так?
 

mulch

Форумчанин
Так Google ранжирует и по PageSpeed вроде. Хочется обе зеленые карточки иметь.
 

qwer

Специалист
Местный
Хочется обе зеленые карточки иметь.

Попробуйте посжимать файлы CSS
Например эти:
http://mulch.beget.tech/wp-content/themes/storefront-child/style.css
http://mulch.beget.tech/wp-content/themes/storefront/style.css
Хотя может это ничего и не даст :confused:
Просмотрите может есть ещё какие файлы которые можно сжать.

Так же, можно оптимизировать базу данных (по-удалять оттуда остатки от удалённых плагинов и резервные копии страниц, рекомендую плагин Optimize Database, чтобы вручную случайно не удалить чего лишнего.)

Отключите неиспользуемые плагины, удалите неактивные плагины (Если таковые имеются).

Надеюсь, смогла помочь.

Если нашли другие решения, отпишитесь, будет интересно почитать как добились зелёных карточек :D
 
Сверху Снизу