TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

Autoptimize – Перемещаем блок вывода стилей Autoptimize ниже блока вывода метаданных Yoast

950

Здравствуйте друзья, совсем недавно у меня возникла серьезная задача. Данная задача заключается в том что в теле html страницы, код блока со стилями (.css) Autoptimize выводился раньше чем блок с метаданными которые выводились при помощи плагина Yoast. На сайте клиента нужно было все стили вывести не в отдельном css файле, а внедрить стили в тело страницы (вся штука в том что на сайте клиента было такое огромное количество контента и его составляющих, что вывод всех стилей элементов в отдельном файле существенно замедлял прогрузку контента страницы). Но в начале после того как стили (выводимые Autoptimize плагином) были вставлены в тело страницы, полностью (а где-то частично) “слетал” вывод метаданных. То есть мне нужно было переместить вывод стилей Autoptimize ниже блока с выводом метаданных Yoast. Более детально отобразил на скриншоте ниже (на скриншоте я вывел стили в css файле, чтобы было более наглядно).

Вывод кода плагинов Yoast и Autoptimize

В итоге решить данную задачу мне помогли ребята из поддержки плагина Autoptimize, При помощи кода ниже вывод стилей выводимых при помощи плагина Autoptimize происходит прямо перед закрытием тега </head>.

add_filter('autoptimize_filter_css_replacetag','SDStudio_css_replacetag',10,1); function SDStudio_css_replacetag($replacetag) { return array("","before"); }

При разгоне сайтов считаю данный сниппет крайне полезным в случае если нет другого варианта кроме как вставить стили сайта в тело страницы. Хотя от себя добавлю что в идеале правильно стили подключать в отдельном файле. Прибегать к вставке стилей в HTML код страницы, нужно только в крайних случаях, когда скорость уже начинает зависеть от объёма файла со стилями CSS.

Источник записи:

Leave A Reply

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. Принимаю Подробнее