役に立つかもしれないBlogお問い合わせトップITITサービス検索エンジンGoogle複数のCSSファイルをサーバーでまとめてSEO対策しよう複数のCSSファイルをサーバーでまとめてSEO対策しようGoogleがページの表示速度を検索結果ランキング評価の1要素にするという発表で、多くのサイト管理者は速度アップの対策に追われていることと思います。その対策の一つとして、サーバーとの通信回数を減らすことが挙げられますが、CSSファイルを分けて管理している場合は困ったことになります。管理側は複数のCSSで効率よく管理したいんですけど...分かります、分かりますとも。CSSはご存知の通り、各ブラウザごとで微妙に異なる解釈をします。使って読み込ませると、手軽に切り分けることができますよね。url("baseIE7.css");しかし、これだとページを表示する際にブラウザが6回も通信をしないといけなくなり、サイトの表示スピードに影響がでてきちゃうんですね。サーバー側で合体させてしまうこの問題をうまく両方解決するためには、以下のようにサーバー側で1つにまとめてしまうのが良いと思います。削除しておくポイントは3のscreen.cssの作成ですかね。しておくと、また新たにscreen.cssの要求があったときに、こんどはちゃんとscreen.cssを返すようになります。負荷もかからないので良いですね。要求先を切り替えるようにします。内で必要なCSSを読み込み要求先のscreen.phpでは次のようにして2、3、4の対策を施します。10:41こんにちは。お役に立って良かったです。コメントをキャンセルメールアドレスが公開されることはありません。Webサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。田舎に生まれ育ち東京へ。技術はDTPデザインからプログラミングまで、インフラはCD-ROM全盛からクラウドサーバーまで、いろいろなビジネスを作り、関わってきました(知見を生かして専門学校の講師も3年ほど)。今ではAWSで月間100万PVを超えるサービスを制作・運営しながらさらなるノウハウを蓄積中。このサイトではビジネスをITコンサルタント視点で考え、感じた知見や経験が世の中のお役に立てば、という視点で無料記事として公開しています。最近は機械学習による仕事の効率化を研究中。reserved.代表者のライフハックブログ。