• 智能小程序性能優(yōu)化概述
  • 智能小程序架構(gòu)
  • 性能優(yōu)化
  • 數(shù)據(jù)瓶頸優(yōu)化

智能小程序性能優(yōu)化概述

智能小程序在開(kāi)發(fā)模式上基于 Web 前端開(kāi)發(fā)的技能和生態(tài)，在運(yùn)行時(shí)則采用了類(lèi)客戶(hù)端的方案，旨在使用體驗(yàn)上超越傳統(tǒng)的 Web 前端技術(shù)，在開(kāi)發(fā)效率上超過(guò)傳統(tǒng)的客戶(hù)端技術(shù)。因此，在小程序的性能優(yōu)化工作方面，可以借鑒 Web 前端開(kāi)發(fā)的已有經(jīng)驗(yàn)，但同時(shí)也存在一些區(qū)別。

中站網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),中站網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為中站1000多家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站制作要多少錢(qián)，請(qǐng)找那個(gè)售后服務(wù)好的中站做網(wǎng)站的公司定做！

智能小程序架構(gòu)

小程序使用了雙線(xiàn)程模型，包括邏輯層和渲染層。邏輯層作為一個(gè)單獨(dú)的線(xiàn)程執(zhí)行 js 代碼，控制小程序數(shù)據(jù)的生成和處理；渲染層使用了 WebView 線(xiàn)程，處理頁(yè)面的渲染和用戶(hù)的事件交互行為。采用雙線(xiàn)程模型主要考慮到兩點(diǎn)：

1. 小程序需要一個(gè)物理上的沙箱（Sandboxie 虛擬系統(tǒng)程序）環(huán)境隔離：為了避免小程序使用某些動(dòng)態(tài)能力（如 iframe ），繞過(guò)其審核機(jī)制，造成不可控的影響；
2. 雙線(xiàn)程模型提供了一個(gè)性能更好的邏輯線(xiàn)程，渲染層只處理渲染和事件行為，邏輯層只處理數(shù)據(jù)。

具體設(shè)計(jì)可以參考以下結(jié)構(gòu)：

性能優(yōu)化

基于以上架構(gòu)設(shè)計(jì)，智能小程序的性能優(yōu)化可以從以下幾個(gè)方面入手：

1. 小程序向數(shù)據(jù)服務(wù)器請(qǐng)求數(shù)據(jù)；
2. 數(shù)據(jù)返回后在邏輯層進(jìn)行處理，發(fā)送給渲染層（發(fā)送的行為即 setData ）；
3. 渲染層獲取到 data 后進(jìn)行渲染展示可交互頁(yè)面；
4. 用戶(hù)進(jìn)行交互操作觸發(fā)事件（ event ）渲染層將事件發(fā)送給邏輯層；
5. 邏輯層觸發(fā)小程序?qū)?yīng)的邏輯行為，如果事件修改了數(shù)據(jù)就會(huì)觸發(fā)以上的第二步。

數(shù)據(jù)瓶頸優(yōu)化

在雙線(xiàn)程模型下，小程序容易在以下兩個(gè)場(chǎng)景產(chǎn)生數(shù)據(jù)瓶頸：

1. 數(shù)據(jù)的獲?。河捎跀?shù)據(jù)的獲取依賴(lài)數(shù)據(jù)服務(wù)器的反饋，所以我們希望數(shù)據(jù)的獲取盡可能早，同時(shí)數(shù)據(jù)返回盡可能快；
2. 頁(yè)面的渲染：由于小程序的渲染層使用的是 WebView ，所以大部分傳統(tǒng) Web 渲染的優(yōu)化手段對(duì)小程序優(yōu)化同樣有效；針對(duì)小程序的架構(gòu)特性，智能小程序框架也提供了多種組件能力和優(yōu)化建議，從而優(yōu)化渲染性能。

因?yàn)樾〕绦蛱峁┝?strong>雙線(xiàn)程模式以及底層是由 Native 支撐的，所以小程序可以利用 Native 的能力提供更多性能優(yōu)化手段。

我們將在性能優(yōu)化的原理和手段具體介紹性能優(yōu)化方案。

名稱(chēng)欄目：創(chuàng)新互聯(lián)百度小程序教程：智能小程序性能優(yōu)化概述
文章起源：http://uogjgqi.cn/article/djshchc.html