Как победить 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);

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

 

[D&B]

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

Паритесь по поводу PageSpeed. Ваш сайт открывается вполне быстро.

 

[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
Хотя может это ничего и не даст
Просмотрите может есть ещё какие файлы которые можно сжать.

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

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

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

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

 

[freelanclbs]

https://freelancelab.com.ua/razrabotka-sajtov/kak-uskorit-woocommerce/ данные рекоммендации могут вывести сайт на вукомерс в зелёную зону.