Как отключить стили НЕ прописанные в functions.php?

Question

[Alex_87]

Добрый день! Прошу помочь!
Прошу помочь!

В статье по теме увеличения скорости сайта: https://habr.com/ru/post/264033/ написано, что после отмены регистрации стилей, остальные стили остаются в style.css и подгружаются скриптом. Например, при помощи такой строки в футере:

<script> jQuery("head").append("<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?> " type="text/css" media="screen">"); </script>

А как они там прописываются в style css? Мне дополнительно что-то нужно прописывать, они же не будут автоматически сами как-то добавляться?

Comments

[Evgeniy]

можно посмотреть какой функцией эти стили установлены в плагине или в теме и применить обратную функцию.

[Alex_87]

Edgark, в том то и дело, что я ничего не подключал, скорее всего это всё плагины и сам wp + woo подключает всё это!
Вот с какими странными значениями атрибутами rel в теге link я столкнулся
alternate, dns-prefetch, shortcut icon, profile, EditURI, icon, wlwmanifest

[Evgeniy]

Alex_87, обратите внимание не на атрибут rel а на id подключаемого файла. ID это зарегистрированное имя. Иными словами, можно сделать так wp_deregister_style (ID); Где ID это ID нужного стиля.

Answer 1

[Alex]

В статье речь идёт о том что ВЫ должны отдавать пользователю стили таким вот костилём.

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

Остальные стили остаются в style.css и подгружаются скриптом. Например, при помощи такой строки в футере:

<script> jQuery("head").append("<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?> " type="text/css" media="screen">"); </script>

Для того чтобы пользователи, с отключенным JS, видели корректную страницу, обрамляем стандартный вывод стилей в noscript, PageSpeed не учитывает эту строку:

<noscript><link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_uri(); ?>" /></noscript>