WeChatミニプログラムのパフォーマンスとエクスペリエンスの最適化

  • クリック可能な要素の影響領域のサイズを適切に設定する
  • ページのレンダリングに時間がかかりすぎないようにする
  • スクリプトが長くなりすぎないようにする

 

  • 冗長な要求を回避するために、ネットワーク要求に必要なキャッシュを実行します
  • 未使用のwxssスタイルを導入しない
  • 文字の色は背景色に合わせ、一般のアーティストがデザインしました。

 

  • すべてのリソース要求にhttpsを使用することをお勧めします
  • 廃止されたインターフェースを使用しない
  • WXMLノードが多すぎないようにする
  1. 1つのページに1000未満のWXMLノードがあります
  2. ノードツリーの深さが30レイヤー未満です
  3. 子ノードは60以下
  • 小さなプログラムにアクセスできないページをパッケージ化しない
  • タイムリーなリサイクルタイマー
  • 使用を避ける:クリック状態を達成するためのアクティブな疑似クラス

 

  • スクロール領域で、慣性スクロール拡張エクスペリエンスをオンにすることができます。IOSの場合:-webkit-overflow-scrolling:touch Android default
  • JavaScriptの例外を回避する
  • すべてのリクエストは正常に応答します

 

  • すべてのリクエストに時間がかかりすぎないようにする必要があります
  • 短時間で多くの画像リクエストを行わない
  • 短時間で大量のリクエストを行わない

 

 

  setDataの最適化

  • setDataデータが1Mを超えないようにしてください。
  • 頻繁にsetDataを呼び出すことは避けてください
  • WXMLにバインドされていない変数をsetDataに渡さないでください

 

おすすめ

転載: www.cnblogs.com/lxz-blogs/p/12703745.html