本文關(guān)鍵詞：Web前端性能優(yōu)化方案與實(shí)踐

  更多相關(guān)文章： Web前端性能優(yōu)化 服務(wù)器端優(yōu)化 HTML優(yōu)化 JavaScript優(yōu)化 CSS優(yōu)化 圖片優(yōu)化 前端測(cè)試環(huán)境 TimeLine UI Thread

【摘要】：針對(duì)Web前端性能低下的問(wèn)題,通過(guò)分析歸納Web中從后端到前端的B/S架構(gòu)原理、瀏覽器緩存、瀏覽器的加載方式、服務(wù)器關(guān)于HTTP相關(guān)的配置等過(guò)程中一些影響前端性能優(yōu)化的因素,系統(tǒng)地提出一個(gè)旨在提高網(wǎng)頁(yè)加載速度、呈現(xiàn)速度和用戶體驗(yàn),整體性、通用性強(qiáng)的完整Web前端性能優(yōu)化解決方案。該解決方案包括服務(wù)器端優(yōu)化、HTML優(yōu)化、Java Script優(yōu)化、CSS優(yōu)化、圖片優(yōu)化等內(nèi)容。并在HTTP代理工具Fiddler搭建的512 KB慢網(wǎng)速下通過(guò)Speed Tracer監(jiān)測(cè)UI Thread,尋找基于HTML5技術(shù)的Web移動(dòng)電子商務(wù)項(xiàng)目"指尖點(diǎn)餐系統(tǒng)"的點(diǎn)餐頁(yè)面前端性能中的瓶頸,根據(jù)所提出的Web前端性能優(yōu)化解決方案對(duì)其進(jìn)行優(yōu)化實(shí)踐。優(yōu)化前后的Timeline以及UI Thread對(duì)比分析表明,優(yōu)化后加載時(shí)間降低了82%,頁(yè)面渲染降低了32%,腳本執(zhí)行減少了79%。
【作者單位】： 華僑大學(xué)計(jì)算機(jī)科學(xué)與技術(shù)學(xué)院;
【基金】：國(guó)家自然科學(xué)基金項(xiàng)目(51305142) 華僑大學(xué)人才引進(jìn)科研啟動(dòng)項(xiàng)目(12Y0347)
【分類號(hào)】：TP393.06
【正文快照】： 僑大學(xué)人才引進(jìn)科研啟動(dòng)項(xiàng)目(12Y0347)。王成,講師,主研領(lǐng)域:電子商務(wù)網(wǎng)站開(kāi)發(fā)與智能計(jì)算。李少元,本科。鄭黎曉,講師。緱錦,副教授。曾梅琴,本科生。劉慧敏,本科生。0引言加載時(shí)間很大程度上影響著用戶體驗(yàn)和網(wǎng)站的競(jìng)爭(zhēng)力。據(jù)美國(guó)網(wǎng)上媒體報(bào)道,Google檢索到的網(wǎng)頁(yè)的加載速度

【參考文獻(xiàn)】

中國(guó)期刊全文數(shù)據(jù)庫(kù) 前4條

1 周鵬;周海鷹;左德承;李韜;;基于Spirent的Web應(yīng)用性能評(píng)測(cè)[J];計(jì)算機(jī)工程;2012年24期

2 高克立;Web性能的相關(guān)技術(shù)分析和研究[J];現(xiàn)代電信科技;2003年11期

3 聶應(yīng)高;;基于Page Speed的網(wǎng)站前端性能優(yōu)化分析——以湖北省高校數(shù)字圖書(shū)館門(mén)戶為例[J];現(xiàn)代圖書(shū)情報(bào)技術(shù);2009年11期

4 劉斌;;HTML5-未來(lái)網(wǎng)絡(luò)應(yīng)用的核心技術(shù)研究[J];自動(dòng)化與儀器儀表;2010年04期

【共引文獻(xiàn)】

中國(guó)期刊全文數(shù)據(jù)庫(kù) 前10條

1 彭濤;楊煉;;基于移動(dòng)瀏覽器的HTML5核心技術(shù)的研究及其應(yīng)用[J];廣東通信技術(shù);2012年04期

2 李沛鴻;白東強(qiáng);李營(yíng)營(yíng);;基于Android的WebGIS地理定位服務(wù)[J];地理空間信息;2012年06期

3 陳立欣;;網(wǎng)站優(yōu)化方法淺談[J];電腦知識(shí)與技術(shù);2013年08期

4 李沛鴻;白東強(qiáng);李營(yíng)營(yíng);;基于Android的WebGIS地理定位服務(wù)研究[J];測(cè)繪通報(bào);2013年07期

5 李寶林;;淺析網(wǎng)站性能優(yōu)化技術(shù)[J];電子設(shè)計(jì)工程;2014年02期

6 胡晶;;HTML5中Canvas與Flash的應(yīng)用研究[J];辦公自動(dòng)化;2014年04期

7 楊毅;;淺談網(wǎng)站性能提升的途徑[J];計(jì)算機(jī)光盤(pán)軟件與應(yīng)用;2014年14期

8 胡晶;;基于HTML5的Web移動(dòng)應(yīng)用開(kāi)發(fā)研究[J];工業(yè)控制計(jì)算機(jī);2014年10期

9 楊娟;;基于HTML5嵌入式移動(dòng)應(yīng)用社區(qū)開(kāi)發(fā)與實(shí)現(xiàn)[J];計(jì)算機(jī)光盤(pán)軟件與應(yīng)用;2014年17期

10 華晨;施化吉;;客戶端HTML5的安全研究[J];電子設(shè)計(jì)工程;2014年22期

中國(guó)碩士學(xué)位論文全文數(shù)據(jù)庫(kù) 前10條

1 盧曦;手持設(shè)備信息技術(shù)服務(wù)管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D];中國(guó)地質(zhì)大學(xué)（北京）;2011年

2 周劍華;面向大型商業(yè)網(wǎng)站復(fù)雜業(yè)務(wù)的IT資源監(jiān)控系統(tǒng)的研究與開(kāi)發(fā)[D];武漢科技大學(xué);2011年

3 高潔璇;Web管理信息系統(tǒng)性能優(yōu)化研究[D];華中科技大學(xué);2011年

4 謝悅;生命體征遠(yuǎn)程監(jiān)控系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D];上海交通大學(xué);2012年

5 魏丹;Web服務(wù)器性能與Web框架應(yīng)用的研究[D];河南大學(xué);2006年

6 曾樂(lè)濤;基于TPC-W基準(zhǔn)的船舶電子商務(wù)系統(tǒng)性能測(cè)試[D];華中科技大學(xué);2008年

7 薛建強(qiáng);VLAN網(wǎng)絡(luò)下的Web服務(wù)器安全與性能優(yōu)化研究[D];中南大學(xué);2008年

8 沈曉林;WEB服務(wù)器性能分析研究及優(yōu)化方案[D];華東師范大學(xué);2009年

9 陳杰夫;出版社電子書(shū)店系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D];中山大學(xué);2012年

10 于淵毅;關(guān)于規(guī)范卵巢上皮癌初始治療的計(jì)算機(jī)智能診治系統(tǒng)的研究[D];廣西醫(yī)科大學(xué);2012年

【二級(jí)參考文獻(xiàn)】

中國(guó)期刊全文數(shù)據(jù)庫(kù) 前2條

1 范國(guó)闖,鐘華,黃濤,馮玉琳;Web應(yīng)用服務(wù)器研究綜述[J];軟件學(xué)報(bào);2003年10期

2 蔣先海;程耕國(guó);鮑考明;;優(yōu)化EJB性能的若干方法研究[J];微計(jì)算機(jī)信息;2006年21期

中國(guó)碩士學(xué)位論文全文數(shù)據(jù)庫(kù) 前2條

1 桑圣洪;WEB性能測(cè)試技術(shù)的研究[D];西北工業(yè)大學(xué);2007年

2 丁秀蘭;Web測(cè)試中性能測(cè)試工具的研究與應(yīng)用[D];太原理工大學(xué);2008年

【相似文獻(xiàn)】

中國(guó)期刊全文數(shù)據(jù)庫(kù) 前10條

1 謝曉蘭,韓可軼,王林;提高Java程序性能的若干方法[J];計(jì)算機(jī)與現(xiàn)代化;2005年08期

2 鄭小蓉;;高職學(xué)院學(xué)生信息管理系統(tǒng)性能優(yōu)化問(wèn)題分析[J];中國(guó)新技術(shù)新產(chǎn)品;2009年22期

3 王曉東;;淺談?dòng)?jì)算機(jī)性能優(yōu)化技術(shù)中的問(wèn)題及對(duì)策[J];計(jì)算機(jī)光盤(pán)軟件與應(yīng)用;2014年03期

4 王玉蘭;“九七”計(jì)算機(jī)系統(tǒng)的性能優(yōu)化[J];電信技術(shù);2002年02期

5 馬晶;;信息系統(tǒng)中數(shù)據(jù)庫(kù)的性能優(yōu)化[J];科技信息;2010年14期

6 張淑坤;;工藝流程改進(jìn)在告警采集系統(tǒng)性能優(yōu)化中的應(yīng)用[J];計(jì)算機(jī)光盤(pán)軟件與應(yīng)用;2013年02期

7 劉軍,楊衛(wèi)春;九七系統(tǒng)性能優(yōu)化技術(shù)(二)[J];江西通信科技;2001年04期

8 陳蘇蓉;朱曉輝;;SQL Server 2008性能優(yōu)化研究[J];電腦知識(shí)與技術(shù);2009年34期

9 靳春霞;;計(jì)算機(jī)系統(tǒng)性能優(yōu)化研究[J];河南科技;2010年15期

10 徐躍偉;;網(wǎng)上購(gòu)物系統(tǒng)的實(shí)現(xiàn)及性能優(yōu)化[J];計(jì)算機(jī)時(shí)代;2012年01期

中國(guó)重要會(huì)議論文全文數(shù)據(jù)庫(kù) 前10條

1 姚杰;;寶鋼不銹鋼系統(tǒng)數(shù)據(jù)庫(kù)性能優(yōu)化方案[A];中國(guó)計(jì)量協(xié)會(huì)冶金分會(huì)2007年會(huì)論文集[C];2007年

2 代桂平;殷保群;奚宏生;周亞平;;受控M／G／1排隊(duì)系統(tǒng)的性能優(yōu)化[A];第二十二屆中國(guó)控制會(huì)議論文集（下）[C];2003年

3 李彥;王屹;徐繼明;;ERP系統(tǒng)的性能優(yōu)化[A];全國(guó)煉鋼連鑄過(guò)程自動(dòng)化技術(shù)交流會(huì)論文集[C];2006年

4 趙海波;楊昭;方箏;徐振軍;;燃?xì)鈮嚎s式熱泵系統(tǒng)全年季節(jié)性能優(yōu)化[A];中國(guó)制冷學(xué)會(huì)2007學(xué)術(shù)年會(huì)論文集[C];2007年

5 高明星;;DB2數(shù)據(jù)庫(kù)應(yīng)用性能優(yōu)化問(wèn)題淺談[A];科技、工程與經(jīng)濟(jì)社會(huì)協(xié)調(diào)發(fā)展——中國(guó)科協(xié)第五屆青年學(xué)術(shù)年會(huì)論文集[C];2004年

6 奚宏生;唐昊;殷保群;周亞平;;Markov控制過(guò)程在緊致行動(dòng)集上的性能優(yōu)化[A];第二十一屆中國(guó)控制會(huì)議論文集[C];2002年

7 高明星;;DB2數(shù)據(jù)庫(kù)應(yīng)用性能優(yōu)化問(wèn)題淺談[A];鐵道部信息技術(shù)中心成立30周年暨鐵路運(yùn)輸管理信息系統(tǒng)（TMIS）工程全面竣工投產(chǎn)TMIS工程建設(shè)論文專輯（二）[C];2005年

8 高明星;;DB2數(shù)據(jù)庫(kù)應(yīng)用性能優(yōu)化問(wèn)題淺談[A];中國(guó)鐵道學(xué)會(huì)——2004年度學(xué)術(shù)活動(dòng)優(yōu)秀論文評(píng)獎(jiǎng)?wù)撐募痆C];2005年

9 杜勁松;李強(qiáng);包勁松;;國(guó)產(chǎn)600MW機(jī)組循環(huán)效率試驗(yàn)及性能優(yōu)化分析[A];2008中國(guó)可持續(xù)發(fā)展論壇論文集（3）[C];2008年

10 杜勁松;李強(qiáng);包勁松;;國(guó)產(chǎn)600MW機(jī)組循環(huán)效率試驗(yàn)及性能優(yōu)化分析[A];全國(guó)火電大機(jī)組（600MW級(jí)）競(jìng)賽第十二屆年會(huì)論文集（上冊(cè)）[C];2008年

中國(guó)重要報(bào)紙全文數(shù)據(jù)庫(kù) 前5條

1 陳翔;性能優(yōu)化只能救火[N];中國(guó)計(jì)算機(jī)報(bào);2007年

2 本報(bào)記者 郭平;EMC簡(jiǎn)單高效實(shí)現(xiàn)私有云[N];計(jì)算機(jī)世界;2010年

3 ;安圖特引入新型數(shù)據(jù)加速解決方案[N];人民郵電;2008年

4 陳洪康 郭寶群 李雪梅;淺談VLDB性能優(yōu)化與維護(hù)[N];人民郵電;2001年

5 驅(qū)動(dòng)之家;加點(diǎn)“催化劑”引爆你的“鐳”[N];中國(guó)計(jì)算機(jī)報(bào);2002年

中國(guó)博士學(xué)位論文全文數(shù)據(jù)庫(kù) 前6條

1 陳偉鋒;大規(guī)模復(fù)雜過(guò)程系統(tǒng)的高性能優(yōu)化理論與方法研究[D];浙江大學(xué);2011年

2 李磊;分布式系統(tǒng)中容錯(cuò)機(jī)制性能優(yōu)化技術(shù)研究[D];國(guó)防科學(xué)技術(shù)大學(xué);2007年

3 賈海鵬;面向GPU計(jì)算平臺(tái)的若干并行優(yōu)化關(guān)鍵技術(shù)研究[D];中國(guó)海洋大學(xué);2012年

4 魏丫丫;Web傳輸?shù)男阅軆?yōu)化[D];清華大學(xué);2006年

5 何倩;P2P系統(tǒng)性能優(yōu)化若干關(guān)鍵技術(shù)研究[D];北京郵電大學(xué);2010年

6 毛宏燕;基于部分計(jì)值的服務(wù)性能優(yōu)化研究[D];上海交通大學(xué);2006年

中國(guó)碩士學(xué)位論文全文數(shù)據(jù)庫(kù) 前10條

1 唐沙;工程信息管理系統(tǒng)的性能優(yōu)化研究[D];西南交通大學(xué);2007年

2 曹珂;教育管理軟件互操作應(yīng)用系統(tǒng)及其性能優(yōu)化[D];浙江大學(xué);2005年

3 劉，

本文編號(hào)：1253588