微信小程序性能和體驗優(yōu)化

性能優(yōu)化
  • 避免setData太頻繁或數據太大
  • 減少http請求
    1. iconfont、base64減少圖片請求
    2. 使用緩存
  • 避免短時間發(fā)起太多 http請求
  • 不要引入未被使用的文件
    1. 不再使用的wxss或demo文件
  • 及時回收定時器
    1.在小程序中定時器是不會隨著頁面銷毀而自動銷毀,所以要手動清除定時器
  • 未綁定在wxml的變量 不要放入data
  • 避免過大的wxml節(jié)點數目
    1. 比如列表頁面,不要一次性加載出一百多個數據,而是使用滾動到底部分頁加載
體驗優(yōu)化
  • 合理設置可點擊元素的響應區(qū)域大小
  • 不使用廢棄接口
  • 請求盡量都使用https
檢測小程序

可以利用開發(fā)工具Audits檢測小程序,并根據建議進行適當的優(yōu)化

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 優(yōu)化主要體現在幾個方面 合理設置可點擊元素的響應區(qū)域大小,比如按鈕,按鈕太小會導致用戶點擊失敗,體驗是很差的。 避...
    泡杯感冒靈閱讀 488評論 0 1
  • 歷史回顧: 微信小程序自定義組件 - 表格組件來啦 通過微信小程序來實現 “釘釘打卡” 記一次微信小程序項目分包,...
    尤小小閱讀 2,975評論 0 2
  • 在目前小程序開發(fā)的時候我們需要注意的點: 1.小程序針對非空,undefined情況需要想好處理,避免出現任何 J...
    愛吃土豆絲杉杉閱讀 2,529評論 0 1
  • 8-1 微信小程序渲染層和邏輯層的交互原理 網頁開發(fā)和小程序開發(fā)的渲染層和邏輯層之間的比較: dom操作就是doc...
    定一閱讀 580評論 0 0
  • 久違的晴天,家長會。 家長大會開好到教室時,離放學已經沒多少時間了。班主任說已經安排了三個家長分享經驗。 放學鈴聲...
    飄雪兒5閱讀 7,844評論 16 22

友情鏈接更多精彩內容