サポート » 使い方全般 » CSS 配信を最適化する方法

  • 上記質問させて頂きます。

    googleで速度を調査したところ、上記のような指摘を受けました。

    対象となったのは、https://mariko-jp.com/wp-content/themes/lotus_tcd039/style.css?ver=2.0.2
    このcss配信です。

    googleのフォーラムにといわせたところ、

    以下の項目をheader php の中に記述すればよいとの事でしたが、何も変化がありません。
    正しいのか、追加記述が必要か教えてください。
    <link rel=”preload” href=”https://mariko-jp.com/wp-content/themes/lotus_tcd039/style.css?ver=2.0.2″&gt;

    これをheadの下に入れるといわれてましたが、その後checkしても是正箇所が修正されてないようです。

    <?php $options = get_desing_plus_option(); ?>
    <!DOCTYPE html>
    <html class=”pc” <?php language_attributes(); ?>>
    <?php
    $options = get_desing_plus_option();
    if($options[‘use_ogp’]) {
    ?>
    <head prefix=”og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#”&gt;
    <?php } else { ?>
    <head>
    <link rel=”preload” href=”https://mariko-jp.com/wp-content/themes/lotus_tcd039/style.css?ver=2.0.2″&gt;
    <?php }; ?>
    <meta charset=”<?php bloginfo(‘charset’); ?>”>
    <!–[if IE]><meta http-equiv=”X-UA-Compatible” content=”IE=edge”><![endif]–>

    すみませんが宜しくお願いします。

    ヘルプの必要なページ: [リンクを見るにはログイン]

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • こんにちは

    preload が指定されているものは確かに出力されていますが、元々のものも出力されたままだから改善されないような気がします。

    <link rel='stylesheet' id='style-css' href='https://mariko-jp.com/wp-content/themes/lotus_tcd039/style.css?ver=2.0.2' type='text/css' media='all' />

    wp_dequeue_style か wp_deregister_style を使うか、style.css を出力しているテーマのソースを削除したら出力されなくなると思います。
    どのようにしたら出力されなくなるのかは、テーマ販売元にお問い合わせください。

    本題とはちょっと離れますが、Autoptimize プラグインなどの CSS を最適化するプラグインを使うのもいいかもしれません。

    トピック投稿者 marikodesigner

    (@marikodesigner)

    ありがとうございます。一度試してみます!

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「CSS 配信を最適化する方法」には新たに返信することはできません。