小程序性能與體驗優化

性能優化的點

  • 合理設置可點擊元素的響應區域大小
  • 避免渲染頁面耗時過長
  • 避免執行腳本耗時過長
  • 對網絡請求做必要的緩存以避免多餘的請求
  • 不要引用未被使用的wxss樣式
  • 文字顏色與背景搭配較好,適宜的顏色對比度更方便用戶閱讀
  • 所有資源請求建議使用HTTPS
  • 不適用廢棄接口
  • 避免過大的wxml節點數目:(1)一個頁面少於1000個wxml節點(2)節點樹深度少於30層(3)子節點樹不大於60
  • 避免將不可能被訪問到的頁面打包在小程序包中
  • 及時回收定時器
  • 避免使用:active等僞類來實現點擊態
  • 滾動區域可開啓慣性滾動以增強體驗,安卓端是默認開啓的,IOS需要手動設置開啓(IOS端:-webkit-overflow-scrolling:touch)
  • 避免出現任何JavaScript異常
  • 所有請求應響應正常
  • 所有請求的耗時不應該時間太久
  • 避免短時間內發起太多的圖片請求
  • 避免短時間內發起太多的請求

關於setdata

  • 避免setdata的數據過大(不超過1024kb)
  • 避免setdata的調用過於頻繁
  • 避免未綁定的WXML的變量傳入setdata

檢查

小程序的調試器中的Audits就是用於檢測小程序性能。

在啓動後,並不會自動檢測,需要我們去手動點擊每一個功能去進行檢測

自動檢測:點擊詳情——勾選自動運行體驗評分

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章