iFrame のベスト プラクティス
https://stackoverflow.com/questions/17289
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian質問
私がデザインしているサイトには、JavaScript を多用した大きな高解像度の画像バナーがあります。iframe を使用して読み込み時間を 1 回だけにすることについて、皆さんはどう思いますか?iframe に代わる CSS はありますか?
お気軽に サイトをプレビューする.
それは非常に進行中の作業です。
解決
バナーのローテーションを継続してほしいとも述べるべきでした。訪問者がリンクをクリックすると、バナーのローテーションが最初から始まります。ユーザーがどのページにアクセスしても、「アニメーション」が回転し続けると便利です。
まあ、その場合はそうしないことを強くお勧めします。これを実現する唯一の現実的な方法は、実際の Web サイトのコンテンツを iframe 内に配置することです。これは、サイトに突然多くのマイナス面が現れることを意味します。アドレスバーが変化しないため、URLを簡単にブックマークできません。アクセシビリティに関する懸念。等
ほとんどの人は再ロードしても気にしないことがわかると思います。訪問者があなたの Web サイトにアクセスすると、すぐに素晴らしいバナーに驚き、その後、サイトを閲覧している間は無視し続けます。ついには、見たことのない画像が表示され、コンテンツから気をそらされてしまいます。
回転を十分にランダムに保ち、十分な画像を使用すると、ユーザーはどのページにいても立ち止まってそれを見るようになります。
他のヒント
iFrame ヘッダーの主な課題はサイズ変更だと思います。ヘッダーのフォントは静的なサイズなので、iFrame を使用しても問題はないと思います。ただし、それだけの価値があるほど集中的なものであるかどうかはわかりません。
そうですね、ブラウザは最初の読み込み時に 7 つのバナー画像すべてをキャッシュし、その後 (後続のページごとに) キャッシュからそれらの画像を実行しているように見えます。問題はないと思います:D
Firefox の Firebug のネット監視ツールを試してみてください。
これは CSS がなくても機能する可能性がありますが、CSS を使用して背景をロードし、サーバーが正しく設定されている場合、画像はすでに 1 回だけダウンロードされているはずです。
通常、ブラウザは、リソースが最後にダウンロードされてから変更されていない場合にのみ、リソースを要求してリソースを要求します。この場合、送受信されるのは HTTP ヘッダーだけであり、コンテンツはありません。
イメージが 1 回だけダウンロードされるようにしたい場合は、.htacces または apache2.conf ルールを追加して、数日後にイメージの有効期限が切れるようにして、キャッシュがクリアされるかコンテンツの有効期限が切れた場合にのみユーザーがイメージを再度リクエストできるようにします。日付が過ぎます。結果は異なる場合がありますが、.htaccess ファイルはおそらくあなたの場合には多すぎるので使用できません。
メインページを一度ロードし、必要に応じて他の要素を非同期的にロードすることもできます (ajax)。そうすれば、iFrame は必要なくなります。 新しいマテリアルのみをロードする例は次のとおりです。.
IFrame をページのマスター ページ/テンプレートの一種として使用するのは良いことかもしれませんが、IFrame は検索性や SEO に悪影響を与えることが知られています。
また、画像が最初に読み込まれると (サイト上にある大きな高解像度画像の場合は時間がかかるため)、そもそも不要な場合もあります。 何があっても 画像はブラウザによってキャッシュされ、ユーザーがキャッシュをクリアするか、次の操作を行うまで再ロードされません。 Ctrl+F5.
