隨著Web技術(shù)的不斷發(fā)展,用戶對互聯(lián)網(wǎng)產(chǎn)品的性能提出了新的需求。網(wǎng)頁作為與用戶距離最近的部分,不再只是作為靜態(tài)文件的展示平臺,它提供給用戶更豐富的內(nèi)容和更順暢的交互方式。據(jù)統(tǒng)計,每增加1秒鐘的等待時間,就有一部分用戶離開頁面。對于企業(yè)而言,用戶的流失會造成訂單率的下降,從而直接影響企業(yè)的收益。為了滿足用戶對優(yōu)質(zhì)網(wǎng)站的需求和企業(yè)對用戶轉(zhuǎn)化率的需求,以攜程旅游APP的特賣匯項目為基礎(chǔ),進行了前端性能優(yōu)化。在原有項目上做測試,找出了幾個突出的頁面性能問題,為了更好的衡量這些問題,提出使用白屏?xí)r間、滾動幀率等指標,對問題進行定量分析,并收集優(yōu)化前的指標數(shù)據(jù);按照軟件工程的要求,設(shè)計性能優(yōu)化方法,對于加快首頁渲染速度:提出前后端同構(gòu)、Node中間層、靜態(tài)資源優(yōu)化、按需加載的方式,從實際上提高首頁速度,設(shè)計骨架頁面,從人性化方面出發(fā),提高用戶的感知速度;對于滾動流暢性的優(yōu)化:設(shè)計延遲加載、節(jié)流函數(shù)和結(jié)點離線化等方法,提高長頁面的滾動流暢度;對于文件更新方面,設(shè)計增量更新方法,減少不必要的文件傳輸。對特賣匯項目進行測試,設(shè)計了內(nèi)部測試方法和線上的測試方法,利用灰度發(fā)布的形式,收集用戶的使用數(shù)據(jù),對得...

【文章頁數(shù)】：72 頁

【學(xué)位級別】：碩士

【文章目錄】：
摘要
Abstract
1 緒論
    1.1 研究背景和意義
    1.2 國內(nèi)外研究現(xiàn)狀
    1.3 研究工作
    1.4 組織結(jié)構(gòu)
2 相關(guān)技術(shù)概述
    2.1 混合APP
    2.2 React框架
    2.3 NodeJS
    2.4 Webpack
    2.5 本章小結(jié)
3 問題的分析和定位
    3.1 項目簡介
    3.2 首頁加載性能問題
    3.3 列表滾動性能問題
    3.4 項目文件更新問題
    3.5 本章小結(jié)
4 項目優(yōu)化的設(shè)計與實現(xiàn)
    4.1 首頁加載性能優(yōu)化
    4.2 列表滾動性能優(yōu)化
    4.3 項目文件更新優(yōu)化
    4.4 優(yōu)化結(jié)果分析
    4.5 本章小結(jié)
5 總結(jié)與展望
    5.1 全文總結(jié)
    5.2 展望
致謝
參考文獻



本文編號：3760543