狠狠撸

狠狠撸Share a Scribd company logo
Jul 24, 2015 by Rei
*螢幕較小
*效能較差
*操作方式不同
*流量可能有限制
*不用管IE
*首頁
*列表頁
*單文頁
*取出共同的部分,由後端使用MVC統一進行套版
*M = Model
*V = View
*C = Controller
打造轻量化手机网站
打造轻量化手机网站
打造轻量化手机网站
*操作的流暢度不足。
*寫做3頁,讀做62496頁。
打造轻量化手机网站
解决方案1
*後端只出API,由前端取得不同的API進行套版
*除了最低限度的資料,其他都由前端處理,減少
了大量的讀取流量。
*沒有換頁,提升流暢度
打造轻量化手机网站
打造轻量化手机网站
*第一次读取十分庞大。
*SEO的問題。
*重新整理無法回到操作。
打造轻量化手机网站
解决方案2
*第一次進入頁面由後端進行套版
*第二次以後的換頁由前端進行SPA
*對每次SPA換頁的動作進行記錄
打造轻量化手机网站
打造轻量化手机网站
*第一次读取十分庞大。
解决方案3
*第一次進入頁面只讀取共用的樣式與程式
*進入後由程式判斷需求,再讀取必要的部分
打造轻量化手机网站
我们还有一招
*將所有分段延遲讀取的樣式與程式存入電腦內的
快取,第二次使用時不需要再次讀取,可更加提
升使用速度。
打造轻量化手机网站
*讀取更少量的資料(MVC)
*操作更流暢(SPA)
*一次讀取不緩慢(延遲載入)
*二次操作更迅速(本地快取)
打造轻量化手机网站

More Related Content