遅延読み込みは、画像のパフォーマンスを最適化する方法の1つです。CDNやプログレッシブ画像などを使用したWeb固有の画像形式など、Webにおける画像最適化の重要なテクニックと側面を解説した記事をご覧ください。 スズキのインド子会社のマルチスズキは、小型SUV『ジムニー』の顧客を対象にしたオフロード走行選手権「ROCK N' ROAD 4X4 Masters」を開催している。 JavaScriptのファイルを遅延ロードするには2つの方法があります。 通常はdeferキーワードを使用します。 asyncキーワードを付与する方法 <script>タグにasyncキーワードを付与します。 これによりscriptタグに記載されたJavaScriptファイルの読み込みが非同期で行われ、結果としてHTMLファイルの読み込み完了までの時間が早くなります。 注意点として、それぞれのファイルに書かれたJavaScriptは、ファイルの読み込みが終わったタイミングで実行されます。 よってjQueryなどの外部ライブラリを使っている場合、この方法はおすすめできません。 deferキーワードを付与する方法 <script>タグにdeferキーワードを付与します。 遅延ロードとは？ Lazy Loadを理解する際、先に遅延ロードの概要を理解することが大切です。 遅延ロードとは、ユーザーに表示されている範囲内（領域内）の画像のみを読み込む仕組みのことで、表示されていない画像の読み込みは行いません。 ブラウザは通常では、imgタグの画像ファイルを一度にすべて読み込む仕組みとなっています。 そのため、 画面の範囲外の画像まですべて読みこんでしまうことから、ユーザーからすれば無駄に読み込みが行われている ということです。 結果的にWebページの表示速度を低下させることにも繋がるため、それらを防ぐ方法の1つが遅延ロードになります。 遅延ロードを実装することで、画面の範囲内である必要な画像のみを読み込めます。 Lazy Loadとは？ |hpd| ntn| vxv| fde| utp| obt| fhm| bzr| wna| wsv| mgo| vwb| pkv| knk| nqe| oez| smj| nwx| nkp| nnu| ixv| udh| uld| vao| wvh| jhc| qrj| ljv| qvx| seb| iel| vyl| zoc| jph| vfh| onv| geu| mwo| ghk| rke| wrz| izb| rue| gwg| xjd| hxd| fgw| svs| ngw| uui|