JavaScriptの性能を向上させる方法-テクニック大全
1433 ワード
一、ページの読み込み時間を最適化する
JavaScriptコードを修正する前に、まずクライアントとJavaScriptコードの間の相互作用処理を理解します. JavaScriptコードは のこの で、 がした は、コードが で にロードされることを します.すなわち、コードはより く して することができ、ウェブページやアプリケーションの を させます. を う. を う. を う.は、 の を して、より れた を する. にJavaScriptファイルのロードを しました.
、 オブジェクトの を する は、ページ への アクセスを する .は、 の をできるだけ する.オフラインDOMの は、JavaScriptではなくCSSを して、ページのスタイル を する.
、DOM の を させる. イベントは までである.. イベントをフレーム して する .
、 のメモリ を して、 の の り を する.
、 を って、より な を う
、より く を う サイクル は、ループ で を することを ける.
、 を
された なコードタスクを したオペレーティングシステムスレッドにどのように させ、バックグラウンドで の い を う 、ユーザインタフェースの を するか?は、Web Workerを いて データを する . な 、 の JavaScriptの には のコツがあります.ここは な だけです.よく う の です.
:
JavaScriptコードを修正する前に、まずクライアントとJavaScriptコードの間の相互作用処理を理解します.
HTML
の
タグによって され、ロードされたものを する.HTML
タグ JavaScript
のGZip JavaScript
の 、 、コンパイルJSMin
を いて
UglifyJS
を いて
Google Closure Compiler
を いて
、 オブジェクトの を する
、DOM の を させる.
、 の
、 を って、より な を う
、より く を う
、 を
WebWorker
に する.された なコードタスクを したオペレーティングシステムスレッドにどのように させ、バックグラウンドで の い を う 、ユーザインタフェースの を するか?
:
, 。
は「JavaScriptの を する - 」についての です.