-1

したがって、私の Web サイトの全身の背景は、以下の CSS コードに手動で挿入されていますが、時折、背景の読み込みに数秒かかることがあり、最初に DEFAULT が背景に表示され、まったく見栄えがよくないと思います。 . ユーザーは意図した背景全体をすぐに見る必要があります.. どうすれば修正できますか? 以下は、それを処理する CSS コードの一部です。

body
    {
    background-image:url('/images/background.png');
        background-size:100%;
    width:100%;
    height:100%;
    margin:0 auto;
    }
4

1 に答える 1

0

ホームページに大きな画像を提供することは悪い習慣と考えられていますが（特に、svg / vectorグラフィックレンダリング（adobe illustratorで作成できるものはすべてわずかなコストで提供できます）やキャンバスなど、html5によって提供される強力なクライアント側のレンダリングオプションを考慮すると）それに付属する強力なライブラリと一緒に）あなたを助けることができるいくつかのオプションがあります：

  1. 初めてのユーザー：エッジロケーションで静的コンテンツをキャッシュするCDN（コンテンツ配信ネットワーク）を使用します。つまり、amazonのクラウドフロントなどのホスティングサービスは、世界中のサーバーファームに画像のコピーをキャッシュします。初めてのユーザーがサイトにアクセスしたとき。 。レイテンシーを削減するために、最も近いサーバーファームから静的コンテンツを送信します。

  2. リピーター： HTML5キャッシングを使用できます。ブラウザはデフォルトで画像のような静的コンテンツをキャッシュすることになっていますが、それは信頼性が低く、予測できません。html 5キャッシュを使用すると、ユーザーがサイトにアクセスした後、html5はその画像をキャッシュして、次にアクセスしたときにほぼ瞬時に提供されるようにします。

于 2013-02-14T05:43:28.677 に答える