ページ速度の改善
LCPに3,6秒かかっており、その中でも使用していないcssの削減に0.8秒かかっているので改善したいと考えております。
使用していないCSSの削減方法として、unused css(プラグイン)を使う方法を見つけました。
その手順として、「調べるページのソースコードを用意する」とあったのですが、これはどのページのソースコードを用意すればいいのでしょうか。
参考記事:
https://blogger-no-mori.com/remove-unused-css/#UnCSS_Online
また、使用していないCSSの削減方法でより簡単なものがあったら教えて頂きたいです。
よろしくお願いいたします。
みんなのコメント 3件
ベストアンサー
>その手順として、「調べるページのソースコードを用意する」とあったのですが、これはどのページのソースコードを用意すればいいのでしょうか。
▶基本は記事ページではないでしょうか。
ただ、記事ページ内で使用されていない CSS を特定したとしても、記事以外のページでも使用されている CSS もあったりするので記事ページで使用されていない CSS を削除しても不具合が発生する可能性もありますし、テーマファイルだけでなくプラグインファイルもいじる必要が出てきたり、テーマやプラグインのアップデート対策のために CSS ファイルを子テーマに逃したりなどの手間もかかります。
つまり、その辺がわからない方には向かないツールです。
ちなみに、「Unused CSS」はプラグインではなく WEB ツールかと思いますが、別途プラグインが用意されていたりするのでしょうか?
ページ速度やコアウェブバイタル(LCP / FID / CLS)の改善は、まずプラグインを極力する少なくすることのほか、キャッシュ系プラグインを使用したり画像を最適化したりサーバーのプランを上げたりなどがありますが、意外と見落としがちな部分として、サーバー側で発生しているページ読み込みエラーがあったりします。プラグインを減らしたりキャッシュを利用したり画像を最適化したりサーバーのプランを上げたとしても、サーバーでページ読み込みエラーが発生していると、ほとんど改善は行われません。
サーバーのページ読み込みエラーは、テーマやプラグイン、そして PHP バージョンの相性などによって発生したりしなかったりなので一概には言えませんが、サーバーのエラーログを確認することも頭に入れておいたほうがいいですよ。
ちなみにですが、記事に埋め込んでいる YouTube 動画がかなり悪影響を及ぼしていますね。
例えば「YouTube SpeedLoad」プラグインを用いるなどすれば、ある程度改善されるかもしれません。
https://mikumori.com/youtube-optimization/
ちなみにコアウェブバイタル(LCP / FID / CLS)は過去 28 日間のデータが収集されるため、改善したとしてもの改善数値が反映されるのは一か月程度先となります。ご注意ください。
@j_jetstream様
いつもありがとうございます。
unusedcssはプラグインではなく、サイトです。失礼しました。
プラグインを教えて頂き、ありがとうございます。試してみます。
あなたの経験や知識を共有しませんか?
ほかのユーザーの相談に、コメントで参加してみましょう。
ログインしてコメントするはじめての方は無料登録