1300の優良サイトが選んだ「AMD・遅延ロード」のベストプラクティス - ふろしき Blog
1300の優良サイトが選んだシリース、第3回は「AMDと遅延ロード」です。 JavaScriptファイルのロードのパフォーマンス向上を図るメカニズムを「AMD(Asynchronous module definition)」といいます。Webアプリ開発を行なうデベロッパの方は、今後重要な知識になるでしょう。 一方で画像ファイルのパフォーマンスを向上させようという「遅延ロード(Lazy Load)」というアイデアもあります。こちらはサイトのデザインそのものにも影響を与えることになるため、Webアプリのデベロッパだけでなくデザイナの方も、仕組みを知る必要があるでしょう。 今回も、1300の優良サイトが採用しているAMD・遅延ロード手法を確認し、ベストプラクティスが何かを探ってみようかと思います。 画像ファイルの非可視エリアロード問題対策 画像ファイルのサイズは、比較的大きくなるという特徴を持ち
requirejsで遅延読み込み（オンデマンド）を実現する方法
requirejsは、htmlにscriptタグを量産することなく、依存性管理を行える非常に便利なライブラリです。 今回は、これを使って、「必要になるまでモジュールを読み込まない」、遅延ローディングの方法を考えてみます。 通常の利用方法 通常は、requirejsを利用するコードは以下のように書きます。 // app.js require(["mod"],function(Module){ console.log("app.js loaded"); document.querySelector("#hello").onclick = Module.hello; }); // mod.js define([],function(){ console.log("mod.js loaded"); return { hello : function(){ alert("hello"); } };
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Lazy loading JavaScript to improve site speed
