High Performance JavaScript (ハイパフォーマンス JavaScript) 読書メモ分析

High Performance JavaScript (ハイパフォーマンス JavaScript) 読書メモ分析_JavaScript スキル

WBOY

リリース： 2016-05-16 18:07:05

オリジナル

867 人が閲覧しました

第 1 章: 読み込みと実行

ブラウザの JavaScript エンジンはコンパイラ層の最適化です。
ブラウザが JavaScript コードを実行するとき、同時に他のことを行うことはできません。 )、これは、<script> タグが表示されるたびに、ページと他のスクリプトを強制的に解析して実行させることを意味します (各ファイルは、ダウンロードを開始する前に、前のファイルがダウンロードされて実行されるまで待機する必要があります)。そのため、JS とCSS はページのレンダリングに使用され、インタラクティブな動作用の JS (ほぼすべて) は <body> の下部に配置されます。すべての主要なブラウザーでは JS の並列ダウンロードが可能です。 外部リンクスクリプトの数を減らすとパフォーマンスが向上します (JS のマージ) どの Web サイトでも、指定されたファイルを結合する URL を使用して、任意の数のファイルを取得できます。 defer 属性はスクリプトを遅延できます (IE4 および FF3.5 でのみサポートされます) 第 2 章: データアクセス JavaScript には 4 つの基本的なデータアクセス場所があります。量、変数、配列要素 (数値でインデックス付け)、オブジェクトメンバー (キャラクタベッドでインデックス付け)。 直接量とローカル変数へのアクセスは最も高速ですが、逆に、配列要素とオブジェクトメンバーへのアクセスは比較的遅くなります。 プロパティまたはメソッドがプロトタイプチェーンの奥深くにあるほど、アクセスが遅くなります。 一般に、JavaScript のパフォーマンスは、よく使用されるオブジェクト、配列要素、および相互変数をローカル変数に保存することで向上できます。 第 3 章: DOM プログラミング Webkit ベースのブラウザでは DOM 操作が高速ですが、他のブラウザでは innerHTML の実行が高速です。 DOM へのアクセスと操作は、最新の WEB アプリケーションの重要な部分です。ただし、ECMAScript と DOM の 2 つの島を結ぶ橋を渡るたびに、「橋の通行料」が請求されます。 再入場と再配置に注意してください。 IE では、ホバーすると応答速度が低下します。 第 4 章: アルゴリズムとプロセス制御 多数の属性を持つオブジェクトを走査する必要がない限り、for-in ループの使用は避けてください。 スタックオーバーフローエラーについて学びます。 第 5 章: 文字列と正規表現 バックトラッキングは、正規表現マッチング機能の基本的なコンポーネントであると同時に、正規表現の非効率性の原因でもあります。 第 6 章: レスポンシブユーザーインターフェイス JavaScript タスクの実行に 100 ミリ秒以上かかることはありません。 Web ワーカーは、新しいブラウザでサポートされる機能です。 ユーザーエクスペリエンスに影響を与えるほど重要な JavaScript コードはありません。 第 7 章: Ajax JSON は、解析速度が速い軽量のデータ形式です。 JS と CSS、および IMG をマージすることでリクエストの数を削減します。 ページの読み込み時間を短縮します。ページのメインコンテンツが読み込まれた後、Ajax を使用してこれらの二次ファイルを取得します。 第 8 章: プログラミングの実践 ほとんどの場合、eval() と Function() を使用する必要はないため、使用しないことをお勧めします。 setTimeout() と setInterval() に関しては、最初のパラメータとして文字列の代わりに関数を渡すことをお勧めします。 JavaScript でオブジェクトと配列を作成する方法はたくさんありますが、オブジェクトリテラルと配列リテラルを使用するのが最も速い方法です (オブジェクトプロパティと配列項目が増えるほど、リテラルを使用する利点がより明らかになります)。 作業を重複させないでください。遅延読み込み、条件付きプリロードを使用します。 ネイティブメソッドのほうが高速であるため、より多くのメソッドを使用してください。 第 9 章: 高パフォーマンス JavaScript アプリケーションの構築とデプロイ PV (ページビュー) はページビューまたはクリックです。 特に初めてサイトにアクセスするユーザーの場合、ページのレンダリングに必要な HTTP リクエストの数を減らします。 JavaScript 圧縮。 JavaScript のキャッシュ。 コンテンツ配信ネットワーク (CDN) の使用 第 10 章では主に、firebug、YSlow、およびいくつかのパフォーマンス分析などのツールを紹介します。</script>