現在WEBショップを経営しています。
googleアナリティクスのアクセス解析で「サイトの速度についての提案」という項目があり、提案の概要として、「ブラウザのキャッシュを活用する」と出ています。
自分なりにしらべてみたのですが、
「.htaccess」ファイルの先頭に、あるコードを記述すると解決するらしいことがわかりました。
でもその「.htaccess」ファイルというものがどこにあるかわかりません。
サーバーはEショップサーブを使っています。
トップページや全体の構成はテンプレートを使用し、
ページの中の説明などのみを自分で作っています。
その場合、どこを変更すればいいのでしょうか。
どなたか詳しい方にアドバイスを頂きたいと思い、こちらに投稿しました。
宜しくお願いします。
No.1ベストアンサー
- 回答日時:
「ブラウザのキャッシュを活用する」は.htaccessと直接関係ありません。
HTTP応答ヘッダのCache-Controlのことですが、ショップサイトの場合は在庫や価格が変動する可能性があるので、これは短期間でユーザーごとに異なるものが保存されるようにしますので、触らないほうが良いです。
それよりも、HTMLを見直したほうが良いです。
例えば、HTMLには文書構造だけ記述して、プレゼンテーションはスタイルシートにすべて任せることで、ページを読み込むデータ量が圧倒時に少なくなります。いわゆる「構造とプレゼンテーションの分離( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )」です。
【引用】____________ここから
多くの場合、著者はひとまとまりの文書には共通のスタイルシートを利用する。 この場合、スタイルルールを文書内部に分配することは、1つの外部スタイルシートにリンクすることよりも実際に効率が低下する。なぜなら外部スタイルシートにリンクした場合、大部分の文書にとっては、ローカルのキャッシュにスタイルシートが既に存在するからである。優れたスタイルシートが公有されることで、この効果は増大するだろう。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Style Sheets in HTML documents (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
>ップページや全体の構成はテンプレートを使用し、
と言う事ですので、そのようなサイトでは、もっとも効率的です。なぜなら、各ページは極めてシンプルになり、デザインを指定するスタイルシートは一度読んでおけば再利用されるからです。
[例]
<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-html4 … )」
多くの場合、この対処だけでページを移動するたびに読み込まれるデータ量は数十分の一になるはずです。
ご回答ありがとうございます。
実はページの中に飛びぬけて離脱率の高いページがあり、
読み込み速度が原因なのかとおもい、調べていました。
自分でページを作る中の最初にCSSを指定してからページをつくっていたので
それも原因なのでしょうか。
もう一度HTMLの書き方を見直して見たいと思います。
ヘタなことをしなくて良かったです。
とてもわかりやすく教えていただき、ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(IT・Webサービス) WEBサイト内のファイルを探す方法は? 1 2022/11/11 16:38
- その他(IT・Webサービス) 301リダイレクトの使い方について 7 2022/04/05 17:50
- ホームページ作成・プログラミング ホームページ作成について。「ワードプレスではありません」。 3 2023/08/13 14:44
- HTML・CSS Chrome のキャッシュについて 3 2022/05/26 07:50
- サーバー Webサイト構築フリーランスの案件受注について 1 2022/03/27 18:16
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
- その他(開発・運用・管理) 【至急】.htaccessによるディレクトリ単位でのリダイレクト 2 2023/08/10 13:46
- Chrome(クローム) 最近のGoogle Chromeのデータ読み込みの遅延やエラーって頻発しますか? 2 2023/01/06 22:12
- ドメイン・サーバー・クラウドサービス 自作サイトをサーバーにアップロードしたのですが… 2 2022/11/08 18:12
- その他(プログラミング・Web制作) .htaccessファイルの修正がこれで問題ないかどうか 1 2022/04/21 08:42
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlのolやulなどlistにtitleや...
-
HTML属性での「""」 「''」違い
-
min-heightとheightの違いについて
-
掲示板もtableを使わず作った方...
-
複数のボタンを等間隔に、かつ...
-
1時間30分を簡単に表したいで...
-
RMS レフトナビ問題
-
html の divとtable の役割
-
<DIV> と </DIV> の間が空です。
-
<div id="container">の使いか...
-
特定範囲内のCSSの継承を断ち切...
-
divを追加すると下に隠れてしまう
-
htmlの見出しタグ(<h1>)の次...
-
セクションをdivで囲むと見出し...
-
文字の下線を画像に変えて表示...
-
見出しタグのつけ方について
-
疑似インラインフレームの文字...
-
IE・NNの独自タグについて
-
スペースを使わず文字位置を揃...
-
CSSで画像を下に配置
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlのolやulなどlistにtitleや...
-
HTML属性での「""」 「''」違い
-
div要素が重なってします
-
<div id="container">の使いか...
-
複数のボタンを等間隔に、かつ...
-
html の divとtable の役割
-
divとpの使いわけ
-
ヘッダーとフッターだけ背景を...
-
min-heightとheightの違いについて
-
セクションをdivで囲むと見出し...
-
画面を縮小するとカラムが落ち...
-
ヘッダーを左右に二分割する方...
-
1時間30分を簡単に表したいで...
-
スペースを使わず文字位置を揃...
-
CSSで、contentsがfooterに重な...
-
h1に自分自身へのリンクを張...
-
divの中に外部のHTMLを埋め込む
-
divを横に並べる方法
-
hタグの右横に画像を表示
-
h1のテキストサイズよりh2の方...
おすすめ情報