【SEO】cssの読み込みとサイトスコアについて

Question

現在既存のサイトのスコアを上げる取り組みを行っています。
そのうちのひとつで現在PCもSPも同じcssを遅延させて読み込んでいるのですが、
それをPC用とSP用の２つに分けて初期の画面幅によって読み込むcssを変えようとしています。

お尋ねしたいことは主に下記の2点なのですが、どちらかでもご回答いただけますと大変ありがたいです。
よろしくお願いいたします。

・PC/SPで読み込むcssを分けるのはスコアの評価にどのように作用するのでしょうか？
・またそのように読み込むcssを分けたサイトはウィンドウ可変時はどのように対処しているのでしょうか？ウィンドウ幅が変わるごとにリロードさせたらスコア的に良くないように思えるのですがいかがでしょうか？

Comments

[maisumakun]

「スコア」とは、どこで測定したものでしょうか。

[RyoSugihira]

ご質問ありがとうございます。
大変失礼しました。
下記リンク先のスコアを上げたいと思っています。

▼PageSpeed Insights
https://developers.google.com/speed/pagespeed/insights/?hl=ja

Answer 1

・またそのように読み込むcssを分けたサイトはウィンドウ可変時はどのように対処しているのでしょうか？ウィンドウ幅が変わるごとにリロードさせたらスコア的に良くないように思えるのですがいかがでしょうか？

はい、切替時にリロードを行うとユーザーエクスペリエンスを損ねることとなります。

対策として考えられるのは、

• そもそもベースをレスポンシブとしてしまって、CSSを分けずに済むようにする
• 幅が違う方のCSSもJavaScriptで（本来の幅のCSSより後のタイミングで）遅延ロードする

などがあります。

Comments

[maisumakun]

補足となりますが、PageSpeedなどのスコアはあくまで指標の1つに過ぎません。ユーザー体験を損ねてまで点数を上げるのは本末転倒です。

[RyoSugihira]

ご回答誠にありがとうございます。
ブレていましたので引き戻してくれるご意見は大変にありがたかったです。

Answer 2

maisumakunさんもおっしゃっていますがそのようなスコアはあくまでも機械的なものです。
いくらSEOを気にしてもサイトを利用するのは機械ではなく人です。
自分や他人が使って使いやすいかどうかが重要です。

どうしてもスコアをあげたかったら軽量化・リクエストの削減を目指してください。

例えばあのYahooでもモバイルのスコアはイマイチです。
しかし多くの人から使われています。

Comments

[RyoSugihira]

ご回答ありがとうございます。
あくまでユーザー最優先ということに引き戻していただきまして本当に助かりました。