移動端首屏優化策略
- 採用伺服器渲染ssr
- 按需載入配合webpack分塊打包
- 很有必要將script標籤非同步
- 有輪播圖 最好給個預設 另外要處理圖片懶載入
- 打包線上也要注意去掉map 檔案
- 元件懶載入
- 路由懶載入
- webpack的一切配置 肯定是必須的 這個百度去 做到js css 以及依賴庫分離
- 強烈建議不要在應用依賴裡面去下載jQuery庫和一些Ui庫
- 壓縮圖片 https://tinypng.com/
- 建議還是用webpack的圖片壓縮外掛
- 使用pagespeed看看有哪些可優化的選項
相關文章
- 移動spa商城優化記（一）---首屏優化篇優化
- 前端效能優化 —— 移動端瀏覽器優化策略前端優化瀏覽器
- 首屏優化優化
- vue客戶端渲染首屏優化之道Vue客戶端優化
- 首屏優化系列（二）優化
- 首屏優化系列（一）優化
- 關於首屏優化優化
- 前端優化首屏載入前端優化
- Vue首屏效能優化元件Vue優化元件
- 移動端圖片優化總結優化
- 優化 SPA 首屏載入速度優化
- 使用React中後臺效能優化以及移動端優化React優化
- 使用vue中後臺效能優化以及移動端優化Vue優化
- 移動端網頁效能優化自查表網頁優化
- 桌面端前端效能優化策略前端優化
- Vue 服務端渲染實踐 ——Web應用首屏耗時最優化方案Vue服務端Web優化
- 如何在移動端資料視覺化大屏實現分析？視覺化
- 小程式首屏載入過慢的效能最佳化策略
- 移動端Echarts橫屏進入退出效果Echarts
- Vue 移動端專案生產環境的優化Vue優化
- vue移動端優秀框架收集Vue框架
- 記一次 Vue 移動端活動倒數計時優化Vue優化
- 移動應用效能優化優化
- 移動端閃屏廣告業務設計模式設計模式
- React 移動端判斷使用者劃屏方向React
- 移動端手機網站的怎樣優化？方法攻略篇網站優化
- 移動端頁面不滿一屏時如何實現滿屏背景？
- 移動OA比PC端的優勢所在
- vue-cli專案優化，縮短首屏載入時間Vue優化
- 百度APP-Android H5首屏優化實踐APPAndroidH5優化
- 支付寶移動端動態化方案實踐
- appium uiautomator 移動端自動化測試工具APPUI
- 前端優化清單（一）：之首屏優化前端優化
- 如何實現婚戀app原始碼中直播首屏載入優化？APP原始碼優化
- 移動端 UI 自動化測試框架對比UI框架
- 移動端動態化的由來，你知道嗎？
- 移動端APP元件化架構實踐APP元件化架構
- vue載入優化策略Vue優化