1

私は「フォト ウォール」を作成しています。これは本質的に、多くのサムネイル写真で構成される非常に長いページです。写真はページにある主な理由なので、ページが読み込まれるときにすでに読み込まれていることを望みます。それらをランディング ページ (index.php) にプリロードできるかどうか疑問に思っていますが、それによってホームページの速度が低下するかどうか疑問に思っています。このプリロード機能がどのように機能するかについて、誰かが私に洞察を与えることができますか? ホームページの読み込みは遅くなりますか? バックグラウンドでロードするものが多いため、ホームページの他の操作が遅くなることはありませんか?

(私はそれを実行して何が起こるか見てみたいと思いますが、ウェブサイトの速度を正確にテストする方法はありません。したがって、何が機能するかを事前に知りたいだけです。)

ここでは、CS6 Adob​​e Dreamweaver のビルトイン プリロード機能を使用しています。

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

手動でプリロードしたい独自の画像を追加することを除いて (正常に動作し、将来のページの画像をここに追加します):

<body 
onload="MM_preloadImages('path/image.gif','path/image2.gif','path/image3.gif')">
4

1 に答える 1

0

手短に答えようと思います。

はい、バックグラウンドで画像を読み込むため、Web ページが遅くなります。いいえ、ほとんどの訪問者は、まだバックグラウンドで画像を読み込んでいることに気づきません。

この関数が行うことは、バックグラウンドでサーバーからブラウザに画像をロードすることです。Dreamweaver は、この機能を使用して画像のロールオーバー効果を実装します。この効果は、ある画像を別の画像に置き換えます。また、Dreamweaver では、この画像をバックグラウンドでダウンロードするオプションが提供されるため、ページの応答性が向上します。トリックは簡単です。画像 A.jpg があり、マウスがその上を通過すると、画像 B.jpg に置き換えられますが、ブラウザが B.jpg をダウンロードする必要がある場合、ページが遅延して表示されます。

原則として、そのページで使用されていない、またはすぐに必要とされない要素をプリロードしないでください。あなたが言及したように、多くの画像がある場合は、すべての画像をダウンロードする必要がない、事前に画像を要求する方法を見つけようとする必要があります.

ギャラリーによっては、あなたが見ている画像を考慮して、次の 2 つまたは 3 つの画像を事前にダウンロードします。これは複数の画像に対するより良いアプローチです。訪問者が 2 つまたは 3 つしか見ていないことを知るためだけに 250 の画像をプリロードすることは望ましくありません。プリロードするイメージ。それほど難しいことではありません。イメージをロードするアクションにアタッチし、次のイメージもプリロードするように設定するだけです。

于 2013-08-30T22:59:42.333 に答える