• 1. Собрал все стили плагинов в один файл. Через функцию wp_deregister_style отключил их.
    2. Через функцию wp_enqueue_style подключил стили, на сайте все работает.
    Теперь вопрос как через funtions добавить к ним rel=»preload» что бы google page speed не ругался. Или это делается как то по другому?

Просмотр 5 ответов — с 1 по 5 (всего 5)
  • вам не все равно на оценку гугла?
    большинство его собственных сервисов и близко не могут пройти его собственную оценку.

    просто для примера:
    gmail.com — оценка 55 для мобилок (ничего кроме формы авторизации там нет).
    google.ru — оценка 88 — одна плин поисковая строка.
    youtube.com — оценка 46.

    дальше можно не продолжать, плевать гугл хотел на эти оценки.

    а то, чем вы занимаетесь — это лишаете себя возможности нормально пользоваться движком.

    Собрал все стили плагинов в один файл.

    И потом при обновлении темы или плагина появится вместо display:block display:flex или еще какие-нибудь нововведения с пометкой !important и настанет время приключений. В общем, придется все после обновлений формировать вручную, причем с завидным постоянством. PageSpeed не самый лучший инструмент для оценки скорости сайта. Лучше использовать Pingdom Tools или GTmetrix. Гораздо более адекватные и информативные инструменты.
    И не стоит гнаться за оценкой 100. Она очень часто вредит пользователям. Теперь к делу.
    Сам не пробовал подключать данный тег, но может такое прокатит?

    function add_rel_preload($html, $handle, $href, $media) {
    if (is_admin())
        return $html;
    	
    $html = <<<EOT
    <link rel='preload' as='style' onload="this.onload=null;this.rel='stylesheet'" 
    id='$handle' href='$href' type='text/css' media='all' />
    EOT;
    	return $html;
    }
    
    add_filter( 'style_loader_tag', 'add_rel_preload', 10, 4 );

    Не уверен в его работоспособности, но по идее должен перебирать все стили и присваивать им нужный rel.

    Да, согласен с вами что гнаться за заветными 100 не стоит. Задача стоит добиться показателей как у конкурентов или чуть выше. Плюс основные стили вынесены в head.
    За сервисы большое спасибо, присмотрюсь.
    Данный тег сработал и стили загружаются с нужным rel. wp_deregister_style отключил и css загружаются как раньше. Теперь при обновление плагина или темы ни каких ошибок больше быть не должно, правильно я понимаю?

    Теперь при обновление плагина или темы ни каких ошибок больше быть не должно, правильно я понимаю?

    Если разместили в functions.php темы, то при обновлении пользовательский код может исчезнуть. В таком случае его лучше забекапить.
    Если в дочерней, то никуда он не денется. От конфликтов с плагинами со сходным функционалом гарантий дать не могу. У меня, например, мой пользовательский код асинхронной загрузки нехило с PageSpeed Ninja конфликтовал, причем после обновления, видимо, новый функционал добавили.
    Вообще, рекомендую пользовательский код выносить в отдельный плагин, тогда он не будет зависеть от темы, проще переносить на другой сайт и проще поддерживать, так как можно тестить с другими темами и функционалом.

    Понял, большое Вам спасибо за помощь.

Просмотр 5 ответов — с 1 по 5 (всего 5)

Тема «Preload для CSS через functions» закрыта для новых ответов.