0

PHP でページを生成しており、生成されたページをブラウザーでできるだけ速くロードしたいと考えています。ページ (.htmlページ) を生成するときに、次の 2 つのオプションがあることに気付きました。

データ URL 画像のあるページ

<html>
<head></head>
    <body>
        <img src="data:image/png;base64,blahblahblah1" />
        <img src="data:image/png;base64,blahblahblah2" />
        <img src="data:image/png;base64,blahblahblah3" />
    </body>
</html>

「通常の」画像を含むページ

<html>
<head></head>
    <body>
        <img src="/images/image1.png" />
        <img src="/images/image2.png" />
        <img src="/images/image3.png" />
    </body>
</html>

DataURL には長所と短所があります。

長所：

  • ブラウザーからサーバーへの移動が少ない (移動は 1 回のみ) - 生成された性質を考えると、これと CSS を維持する必要があるため、このプロジェクトではスプライトの使用はうまく機能しません。

  • 画像が小さいほど帯域幅の使用量が少ない

  • HTTPS ではるかに高速

短所：

  • base64 エンコーディングのため、画像サイズが大きくなります (約 37% 大きくなります)。

  • IE7 と IE8 では動作しません。32KB のサイズに制限があります。

「ワントリップ」は本当に大きな違いを生むでしょうか？それはユーザーにとって目立ちますか？

4

0 に答える 0