小程式弱網環境卡頓怎麼辦?一招迅速提升小程式執行速度

又拍雲發表於2018-02-09

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/2、False Start、ChaCha20-Poly1305 演算法、動態調節 TLS Record Size 等多種 HTTPS 優化手段完美實現在小程式端,保證了小程式載入速度的進步提升。

另外目前又拍雲已經支援 TLS1.3,相比 TLS1.2 握手時減少了訊息往來次數,並且在恢復會話是支援 0-RTT 模式。

總結

從行業到技術,在他人先行的情況下,我們要做到超越他們,就必須有選擇一款優秀的小程式解決方案,相信又拍雲微信小程式解決釋出方案會是你最好的選擇。

 

推薦閱讀:

挑戰App Store,微信通過“跳一跳”秀了一下“小程式”的肌肉

相關文章