小程序弱網環境卡頓怎麼辦？一招迅速提高小程序運行速度

2018 年 1 月 15 日，微信公開課 PRO 在廣州正式「開課」。與往年不一樣，今年的微信公開課將整場大會的焦點都放在了小程序上。從 2017 年 1 月上線到如今，小程序依託於微信這個龐大的流量機器，在不知不覺間構建了一個新型的移動互聯網生態圈。

微信小程序從麥當勞、肯德基等在線點餐服務到共享單車、共享充電寶等租用服務，再到與京東、拼多多等電商結合，小程序正在全方位的「入侵」人們的衣食住行。

 
△ 知曉程序官網小程序分類

 

張小龍在微信公開課上講到：「小程序表明的是將來，將來萬事萬物可能都包含信息，而小程序恰好是這樣一種信息載體和表達方式。」在某種意義上，小程序更像是傳統 App 的補充，它從另外一種角度豐富了傳統 App 的使用場景。未來小程序也會一直保持即點即用、用完即走的訪問方式，不會設置中心化的導流入口。與 App 反其道而行，小程序用這種輕便的使用方式保持住用戶的黏性。

 
 △ 小程序彩蛋「這不是入口」

本次微信公開課以後，微信團隊表示將會在提高小程序場景流量，提升轉化、變現，下降小程序設計門檻等方面繼續發力。同時爲了小程序更好的變現，微信團隊也已在內測小程序廣告組件，相信在不久的未來，小程序必會成爲新的創業成功的契機。

保持在線，延遲高，小程序的使用痛點

微信小程序做爲基於微信的輕量應用，因爲它 2 Mb 包體大小的限制，在開發的時候須要將大多數文件如圖片、視頻等素材放置於雲端，因此絕大多數小程序必需要鏈接網絡才能正常運行。

衆所周知，中國雖然做爲互聯網大國，但網速卻不算很是快，國際排名跟隔壁印度差很少在 70 名左右。在這樣網絡大環境下，用戶很難不受到影響，尤爲是當用戶在公交車上、地鐵上等弱信號環境使用時，小程序加載、運行慢的問題尤其明顯。

更重要的是，和PC環境不一樣，移動端的用戶隨時可能由於移動而切換網絡環境，好比下樓買杯咖啡，就會從Wifi環境切換到 4G 環境。

熟悉小程序開發的人都知道，騰訊是要求小程序強制開啓 HTTPS 的。開啓HTTPS加強了用戶的數據安全，可是 HTTPS 在握手時增長了交換次數也會影響訪問速度，尤爲是在弱網環境中。

大部分素材放在雲端、使用環境隨時可能切換、常常出現的弱網環境、HTTPS 增長數據交換次數，這些都讓小程序的使用偶爾出現不那麼美好的狀況，好比卡頓、加載慢等。

又拍云爲小程序披荊斬棘

那麼要如何解決這些問題，其實只須要一招便可 —— 又拍雲微信小程序解決方案。

 

△ 又拍雲微信小程序解決方案架構圖

一站式雲分發、雲存儲解決方案

安裝包存在 2M 的上限，小程序必須將主要部件上傳至雲端。客戶經過小程序上傳 SDK，能夠輕鬆將文件上傳至又拍雲的存儲空間並完成壓縮和優化，配合又拍雲 CDN 輕鬆實現上傳下載加速、彈性擴容等功能。

WebP、H.265自適應，減輕數據傳輸量

小程序裏少不了圖片、音視頻等素材，對於保持圖片、視頻的低體積高質量，又拍雲對其有着獨特的「技能」。

又拍雲的 WebP 自適應功能，能夠在保證圖片質量不受影響的前提下，將體積更小的 WebP 圖片推送到小程序上，提高圖片加載速度；固然這也得益於微信對 WebP 格式的支持。

此外，又拍雲還提供 H.265 自適應功能，大幅度下降視頻的體積，有效提高音視頻加載速度。

關於視頻，又拍雲還有一個最重要的「安利」——最新支持的窄帶高清功能，能夠在減小 50 %體積和 30 %流量成本的同時，提高視頻質量，作到魚和熊掌兼得。

△ 又拍雲 WebP 圖片處理

TLS 1.3減小握手次數，提高HTTPS 訪問速度

如何解決 HTTPS 帶來的訪問延遲已是一個老生長談的問題了，所以在小程序上 HTTPS 的優化尤其重要。

又拍雲將分佈式 Session 複用、OCSP Stapling、HSTS、HTTP/二、False Start、ChaCha20-Poly1305 算法、動態調節 TLS Record Size 等多種 HTTPS 優化手段完美實如今小程序端，保證了小程序加載速度的進步提高。

另外目前又拍雲已經支持 TLS1.3，相比 TLS1.2 握手時減小了消息往來次數，而且在恢復會話是支持 0-RTT 模式。

總結

從行業到技術，在他人先行的狀況下，咱們要作到超越他們，就必須有選擇一款優秀的小程序解決方案，相信又拍雲微信小程序解決發佈方案會是你最好的選擇。

 

推薦閱讀：

挑戰App Store，微信經過「跳一跳」秀了一下「小程序」的肌肉

一站式解決直播競答的技術痛點：高延遲、高併發、問答同步