Visualforce 開発者ガイド
jJavaScript の最適化
クライアントに効率的に配信するには、Visualforce ページ内で JavaScript を最適化します。また、最適化された JavaScript では、キャッシュが改善され、読み込み時間が短くなります。
Visualforce ページ内で JavaScript を改善する方法は、次のとおりです。
- JavaScript ファイルを外部化します。この処理により、初回の HTTP 要求数��増えますが、個々のページサイズが小さくなり、ブラウザーのキャッシュを利用することができます。
- 必要な関数に限定した JavaScript ライブラリのカスタムバージョンを構築します。このプロセスにより、JavaScript ファイルのサイズが大幅に削減されます。jQuery など、多くのオープンソース JavaScript ライブラリでこのオプションが提供されます。
- すべての JavaScript ファイルを 1 つのファイルにまとめて、HTTP 要求を減らします。複数の HTTP 要求を生じる可能性がある重複する関数を削除します。
- コメントと空白を削除します。結果のファイルを圧縮してダウンロード時間を短縮します。
- JavaScript ファイルに静的リソースを使用します。JavaScript に静的リソースを用いると、キャッシュや、Salesforce に組み込まれたコンテンツ配信ネットワーク (CDN) を有効に活用することができます。
- スクリプトをページの下部に配置します。終了タグ </body> のすぐ前にスクリプトを読み込むと、ページに他のコンポーネントを最初にダウンロードして、ページを順次表示できます。
- <apex:includeScript> タグを使用する代わりに、終了タグ </apex:page> のすぐ前に標準の HTML <script> タグを使用することを検討します。<apex:includeScript> タグにより、JavaScript が終了要素 </head> のすぐ前に配置されます。この処理により、ブラウザーが他のコンテンツをページに表示する前に JavaScript の読み込みを試行します。