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

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

Тема в разделе "Правила нашего форума", создана пользователем mulch, 20 мар 2017.

  1. mulch

    mulch

    Сообщения:
    30
    Симпатии:
    2
    Баллы:
    8
    Коллеги, приветствую.
    Два дня игрался с отключением в хэдере и подключением в футере 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);

    Что делаю не так?
     
  2. D&B

    D&B Администратор Команда форума Местный

    Сообщения:
    3.434
    Симпатии:
    764
    Баллы:
    113
    Паритесь по поводу PageSpeed. Ваш сайт открывается вполне быстро.
     
  3. mulch

    mulch

    Сообщения:
    30
    Симпатии:
    2
    Баллы:
    8
    Так Google ранжирует и по PageSpeed вроде. Хочется обе зеленые карточки иметь.
     
    • Оптимист Оптимист x 1
  4. qwer

    qwer

    Сообщения:
    20
    Симпатии:
    5
    Баллы:
    3
    Попробуйте посжимать файлы 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