Visualforce 開発者ガイド
jSalesforce モバイルアプリケーションの Visualforce ページのパフォーマンスの最適化
Visualforce は、標準の Salesforce ページの機能、動作およびパフォーマンスに合わせる機能を開発者に提供するために設計されました。遅延、予期しない動作や、その他の問題 (特に Visualforce に関するもの) がある場合は、いくつかの対処法を実行することにより、操作性を改善できるだけでなく、コーディングの改善にも役立てることができます。Salesforce モバイルアプリケーションでは、最適化のベストプラクティスに従うことが重要です。モバイルデバイスではコンピューティングリソースが限られていますが、ユーザーが期待しているのは迅速で応答性の高いアプリケーションです。
ガイドラインについての詳細は、『Visualforce のパフォーマンスのベストプラクティス』ガイドを参照してください。
Visualforce
- ページのビューステートサイズが増加する <apex:form> や <apex:inputField> は使用しない。ビューステートは、Visualforce ページの状態を保持する暗号化されたデータです。ビューステートは各ページ要求でやりとりされるため、要求と応答のサイズが増加します。ビューステートが大きくなると、ページの応答時間が遅くなります。
- <apex:repeat> を使用して、ページを表示するときに必要なデータをブラウザーに送信する。このプロセスにより、ページの読み込み時間が短縮されます。
- <apex:page cache="true" expires="600"> を設定して、Visualforce ページのキャッシュを有効にする。
CSS と JavaScript
- 複数ページアプリケーションではなく単一ページアプリケーション (SPA) を作成する。JavaScript とサードパーティのフレームワークを使用して SPA を構築することを検討してください。
- 圧縮ツールを使用して CSS および JavaScript コードを縮小する。
- ページパフォーマンスに影響する CSS 技法 (影付きやグラデーションなど) は避ける。
- <script> ステートメントを Visualforce ページの最後に移動する。終了タグ </body> のすぐ前にスクリプトを読み込むと、ページに他のコンポーネントが最初にダウンロードされ、ページを順次表示できます。
画像
- 小さい画像を使用し、使用する画像を少なくする。
- すべての画像を圧縮する。
- GIF ではなく PNG や JPG 画像を使用する。
- 画像の代わりに CSS スプライトを使用する。
一般的なベストプラクティス
- 遅延読み込みを使用する。遅延読み込みは、ページの主要な機能を先に読み込み、残りのデータを後でまたはユーザーがその情報を要求したときに読み込む手法です。
- 無限スクロールを使用する。無限スクロールは、ユーザーがコンテンツの最後に到達したときにのみ追加のページコンテンツが読み込まれる手法です。