- ベストアンサー
CSSのコーディングについて
- ブラウザのキャッシュを活用する方法について知りたいです。
- .htaccessファイルの場所がわかりません。どこを変更すればいいのでしょうか。
- WEBショップの速度を向上させるために、CSSのコーディング方法についてアドバイスを頂きたいです。
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
「ブラウザのキャッシュを活用する」は.htaccessと直接関係ありません。 HTTP応答ヘッダのCache-Controlのことですが、ショップサイトの場合は在庫や価格が変動する可能性があるので、これは短期間でユーザーごとに異なるものが保存されるようにしますので、触らないほうが良いです。 それよりも、HTMLを見直したほうが良いです。 例えば、HTMLには文書構造だけ記述して、プレゼンテーションはスタイルシートにすべて任せることで、ページを読み込むデータ量が圧倒時に少なくなります。いわゆる「構造とプレゼンテーションの分離( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1 )」です。 【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから 多くの場合、著者はひとまとまりの文書には共通のスタイルシートを利用する。 この場合、スタイルルールを文書内部に分配することは、1つの外部スタイルシートにリンクすることよりも実際に効率が低下する。なぜなら外部スタイルシートにリンクした場合、大部分の文書にとっては、ローカルのキャッシュにスタイルシートが既に存在するからである。優れたスタイルシートが公有されることで、この効果は増大するだろう。 ￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Style Sheets in HTML documents (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )］より ＞ップページや全体の構成はテンプレートを使用し、 と言う事ですので、そのようなサイトでは、もっとも効率的です。なぜなら、各ページは極めてシンプルになり、デザインを指定するスタイルシートは一度読んでおけば再利用されるからです。 [例] <body> <div class="header"> <h1>ページタイトル</h1> <div class="nav"> <ol> <li><a href=""></a></li> ・・ </div> <div class="section"> ・・・本文・・・ </div> <div class="footer"> </div> </body> HTML5だと <body> <header> <h1>ページタイトル</h1> <nav> <ol> <li><a href=""></a></li> ・・ </header> <section> ・・・本文・・・ </section> <footer> </footer> </body> のようなシンプルなHTMLにすれば、 「文書の構造をプレゼンテーションと切り離すことで広汎なプラットフォームや多様なメディアでの文書提供コストを低下でき、文書の改訂も容易になるということが、経験的に知られている。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1 )」 多くの場合、この対処だけでページを移動するたびに読み込まれるデータ量は数十分の一になるはずです。
お礼
ご回答ありがとうございます。 実はページの中に飛びぬけて離脱率の高いページがあり、 読み込み速度が原因なのかとおもい、調べていました。 自分でページを作る中の最初にCSSを指定してからページをつくっていたので それも原因なのでしょうか。 もう一度HTMLの書き方を見直して見たいと思います。 ヘタなことをしなくて良かったです。 とてもわかりやすく教えていただき、ありがとうございました。