前端優(yōu)化14個(gè)性能規(guī)則_第1頁(yè)
前端優(yōu)化14個(gè)性能規(guī)則_第2頁(yè)
前端優(yōu)化14個(gè)性能規(guī)則_第3頁(yè)
前端優(yōu)化14個(gè)性能規(guī)則_第4頁(yè)
前端優(yōu)化14個(gè)性能規(guī)則_第5頁(yè)
已閱讀5頁(yè),還剩74頁(yè)未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

前端優(yōu)化14個(gè)性能規(guī)則2011年4月07日概述瀏覽速度是網(wǎng)站最關(guān)鍵指標(biāo)之一用戶從輸入網(wǎng)站到看到頁(yè)面顯示出來(lái),受很多因素的影響:1:用戶網(wǎng)速2:服務(wù)器所在線路3:DNS解析4:服務(wù)器負(fù)載5:服務(wù)器端運(yùn)行速度(JAVA)6:前端頁(yè)面加載、渲染速度7:用戶的電腦配置而80%的速度上的提升集中在前端概述Yahoo團(tuán)隊(duì)總結(jié)出來(lái)的14條規(guī)則屬于經(jīng)驗(yàn)式的,并非一成不變的原則,大部分的原則適用于所有的瀏覽器,也有很少部分區(qū)分于IE6\7\8,FF同時(shí)這些規(guī)則還在不斷的增加中,新的YSLOW已經(jīng)增加到23條概述對(duì)于一個(gè)HTTP請(qǐng)求,在流程上主要分為工具FireBug/

或者使用FireFox添加組件YSlowinFireBug/yslow/第一條:減少HTTP請(qǐng)求(MakefewerHTTPrequests)分析 網(wǎng)頁(yè)中包含眾多的HTTP請(qǐng)求,每一個(gè)請(qǐng)求都會(huì)占用網(wǎng)絡(luò)資源,網(wǎng)頁(yè)一般來(lái)講要在下載完所需的所有資源之后才會(huì)完整顯示第一條:減少HTTP請(qǐng)求(MakefewerHTTPrequests)解決方法 合并JS腳本,合并CSS樣式,采用CSSSprites和圖片映射,懶加載,減少文件數(shù)。第一條:減少HTTP請(qǐng)求(MakefewerHTTPrequests)其他網(wǎng)站的情況大部分的網(wǎng)站都采用了JS\CSS合并,部分采用了CSSSprites。第一條:減少HTTP請(qǐng)求(MakefewerHTTPrequests)我們采用的方法合并CSS:css/v2/perties合并JS:js/v2/peritesCSSSprites:將大部分CSS圖片拼成一整張圖,可以大幅度減少HTTP請(qǐng)求數(shù)。第一條:減少HTTP請(qǐng)求(MakefewerHTTPrequests)YSLOW評(píng)測(cè)、還可以改進(jìn)的地方GradeConMakefewerHTTPrequestsThispagehas7externalJavascriptscripts.Trycombiningthemintoone.

Thispagehas10externalbackgroundimages.TrycombiningthemwithCSSsprites.大部分是tracker和googleJS代碼及外聯(lián)的部分圖片,很難精簡(jiǎn)。第二條:使用CDN(UseaContentDeliveryNetwork)分析

CDN俗稱(chēng)內(nèi)容發(fā)布網(wǎng)絡(luò),可以將我們的靜態(tài)內(nèi)容發(fā)布到互聯(lián)網(wǎng)的多臺(tái)服務(wù)器上,用戶訪問(wèn)的時(shí)候會(huì)智能的選擇距離較近、速度較快的服務(wù)器,可以提高用戶的訪問(wèn)速度,提高服務(wù)器的負(fù)載,但是同時(shí)有一定的局限性,只適合發(fā)布靜態(tài)的內(nèi)容,內(nèi)容的改變無(wú)法立刻同步到所有的服務(wù)器上。第二條:使用CDN(UseaContentDeliveryNetwork)解決方法 使用CDN。第二條:使用CDN(UseaContentDeliveryNetwork)其他網(wǎng)站的情況幾乎所有的大型網(wǎng)站都使用了商業(yè)或自己的CDN服務(wù)第二條:使用CDN(UseaContentDeliveryNetwork)我們采用的方法將靜態(tài)圖片內(nèi)容發(fā)布到CDN上第二條:使用CDN(UseaContentDeliveryNetwork)YSLOW評(píng)測(cè)、還可以改進(jìn)的地方GradeFonUseaContentDeliveryNetwork(CDN)Thereare66staticcomponentsthatarenotonCDN.YoucanspecifyCDNhostnamesinyourpreferences.SeeYSlowFAQfordetails.由于我們的CDN服務(wù)器不在YAHOO標(biāo)示的列表中,所以此項(xiàng)得分較低。我們的CSS和JS沒(méi)有放到CDN服務(wù)器上。第三條:避免無(wú)效的SRC或者HREF(Avoidemptysrcorhref)分析 即使瀏覽器遇到一個(gè)無(wú)效鏈接地址,他還是會(huì)發(fā)送請(qǐng)求到服務(wù)器,并浪費(fèi)服務(wù)器的資源,同時(shí)可能由于某個(gè)圖片無(wú)法顯示,導(dǎo)致整個(gè)頁(yè)面顯示錯(cuò)亂。

這是V2中的一條第三條:避免無(wú)效的SRC或者HREF(Avoidemptysrcorhref)解決方法 檢查每一個(gè)鏈接地址是否有效。第三條:避免無(wú)效的SRC或者HREF(Avoidemptysrcorhref)其他網(wǎng)站的情況避免無(wú)效的鏈接。第三條:避免無(wú)效的SRC或者HREF(Avoidemptysrcorhref)我們采用的方法避免無(wú)效的鏈接第三條:避免無(wú)效的SRC或者HREF(Avoidemptysrcorhref)YSLOW評(píng)測(cè)、還可以改進(jìn)的地方GradeAonAvoidemptysrcorhref我們的首頁(yè)沒(méi)有存在無(wú)效的鏈接。第四條:添加過(guò)期頭(AddExpiresheaders)分析

第四條:添加過(guò)期頭(AddExpiresheaders)分析If-Modified-Since

由瀏覽器發(fā)出的請(qǐng)求帶給服務(wù)器,用于判斷是否有過(guò)修改,如果沒(méi)有則返回304,告訴瀏覽器你的緩存還沒(méi)有過(guò)期Last-Modified

由服務(wù)器返回的響應(yīng)帶給瀏覽器Expires

由服務(wù)器返回的響應(yīng)帶給瀏覽器,告訴瀏覽器,你的內(nèi)容可以緩存到多久,在時(shí)間到達(dá)之前,瀏覽器只會(huì)采用本地緩存(有例外)Etag

比Modified更先進(jìn)的驗(yàn)證緩存是否有效的參數(shù)Cache-control:Max-Age

解決了本地時(shí)間和服務(wù)器時(shí)間不匹配的問(wèn)題

第四條:添加過(guò)期頭(AddExpiresheaders)解決方法 對(duì)組件添加過(guò)期頭。緩存的一個(gè)小規(guī)則TwoSimpleRulesforHTTPCachingInpractice,youonlyneedtwosettingstooptimizecaching:Don’tcacheHTMLCacheeverythingelseforever第四條:添加過(guò)期頭(AddExpiresheaders)其他網(wǎng)站的情況京東:圖片過(guò)期時(shí)間1年,Max-age=24分鐘新蛋:Max-age=20年淘寶:圖片過(guò)期時(shí)間10年第四條:添加過(guò)期頭(AddExpiresheaders)我們采用的方法沒(méi)有添加過(guò)期頭或者max-age第四條:添加過(guò)期頭(AddExpiresheaders)YSLOW評(píng)測(cè)、還可以改進(jìn)的地方GradeFonAddExpiresheadersThereare64staticcomponentswithoutafar-futureexpirationdate.(noexpires)/style/v2/build/global_site_base.css?...(noexpires)/style/v2/build/home_index.css?...(noexpires)/tracker/info.do?...(noexpires)/js/v2/build/global_site_top.js?...(noexpires)/js/v2/build/home_index.js?...(noexpires)/js/v2/build/global_site_bottom.js?...(noexpires)/images/v2/index_css_sprite.gif(noexpires)/images/v2/detail/aptabbg2.jpg(noexpires)/images/v2/detail/aptab_header2.jpg(noexpires)/images/v2/detail/btn_action.png(noexpires)/images/v2/indexsec_sprites.png(noexpires)/images/v2/icon1.gif(noexpires)/images/v2/index_repeatbg.png(noexpires)/images/v2/index/price_bg.gif(noexpires)/images/v2/index/index_sprite.jpg(noexpires)/images/v2/icon_close.jpg(noexpires)/images/v2/detail/icon_bulb.gif(noexpires)/images/v2/detail/aptab_footer2.jpg(noexpires)/images/v2/detail/icon_close.jpg(noexpires)/images/v2/detail/btn_ok.jpg。。。。。。。。。。。。第五條:壓縮組件(

Compresscomponentswithgzip)分析由于用戶的帶寬,網(wǎng)絡(luò)情況我們無(wú)法控制,只能在最大程度減少HTTP的請(qǐng)求和傳輸?shù)臄?shù)據(jù)量,規(guī)則五主張?jiān)诓挥绊懛?wù)性能的前提下盡可能的減少傳輸內(nèi)容的大小,一般是采用Gzip縮。壓縮什么內(nèi)容?一般的HTML、CSS、JS文件都應(yīng)該采用Gzip進(jìn)行壓縮,而圖片PDF文檔不應(yīng)該被壓縮,因?yàn)樗麄円呀?jīng)被本地壓縮過(guò),在進(jìn)行壓縮不會(huì)獲得效果,而且會(huì)增加服務(wù)器的壓力。壓縮效果?Gzip是一個(gè)免費(fèi)的壓縮方法,快速而有效,通常能減少70%的文件大小,并被幾乎所有的瀏覽器所支持。

第五條:壓縮組件(

Compresscomponentswithgzip)解決方法 針對(duì)HTML和CSS\JS采用Gzip壓縮第五條:壓縮組件(

Compresscomponentswithgzip)其他網(wǎng)站的情況京東:Gzip壓縮HTML\JS\CSS配合Vary:Accept-Encoding新蛋:Gzip壓縮HTML\JS\CSS配合Vary:Accept-Encoding淘寶:Gzip壓縮HTML\JS\CSS配合Vary:Accept-Encoding第五條:壓縮組件(

Compresscomponentswithgzip)我們采用的方法Gzip壓縮CSSJS第五條:壓縮組件(

Compresscomponentswithgzip)YSLOW評(píng)測(cè)、還可以改進(jìn)的地方GradeAonCompresscomponentswithgzip推薦使用壓縮的文件全部使用了gzip壓縮沒(méi)有考慮不支持gzip壓縮的瀏覽器第六條:將CSS放到頭部(

PutCSSattop)分析將CSS放到底部不會(huì)減少整個(gè)頁(yè)面的加載時(shí)間,但是會(huì)影響瀏覽器渲染頁(yè)面的順序,進(jìn)而影響用戶的感覺(jué),用戶會(huì)發(fā)覺(jué)白屏的時(shí)間很長(zhǎng),頁(yè)面加載緩慢。白屏:IE瀏覽器發(fā)起請(qǐng)求到用戶可以看到展示頁(yè)面之間,瀏覽器會(huì)處于全白的狀態(tài)。會(huì)導(dǎo)致白屏的情況:1:F5刷新2:打開(kāi)新的選項(xiàng)卡,輸入地址3:作為主頁(yè),瀏覽器啟動(dòng)時(shí)默認(rèn)打開(kāi)的頁(yè)面。無(wú)樣式閃爍FOUC:當(dāng)文字、圖片被顯示出來(lái)之后,樣式文件才加載解析,圖片和文字又要按照樣式重繪,我們會(huì)感覺(jué)頁(yè)面好像閃爍了一次一樣。IE只有在F5刷新、在新窗口加載頁(yè)面、作為主頁(yè)打開(kāi)時(shí)會(huì)選擇白屏,其他時(shí)候會(huì)冒FOUC的風(fēng)險(xiǎn),F(xiàn)F則在任何時(shí)候都會(huì)選擇承擔(dān)FOUC風(fēng)險(xiǎn)。

第六條:將CSS放到頭部(

PutCSSattop)解決方法 遵循HTML的規(guī)范,將CSS文件放在head中l(wèi)ink第六條:將CSS放到頭部(

PutCSSattop)其他網(wǎng)站的情況京東:部分內(nèi)聯(lián),其他CSS置于頭部新蛋:CSS基本上置于頭部(首頁(yè)在幾個(gè)圖片之后)淘寶:CSS置于頭部第六條:將CSS放到頭部(

PutCSSattop)我們采用的方法CSS置于頭部第六條:將CSS放到頭部(

PutCSSattop)YSLOW評(píng)測(cè)、還可以改進(jìn)的地方GradeAonPutCSSattop將CSS文件全部置于Head第七條:將校本放于底部(

PutJavaScriptatbottom)分析無(wú)論是HTTP1.0/1.1都允許瀏覽器對(duì)同一域名發(fā)起并發(fā)下載請(qǐng)求,IE和FF都有自己的設(shè)定,通常超過(guò)了規(guī)定值2,以提高頁(yè)面性能。為了保證腳本執(zhí)行的先后順序的正確性,下載腳本的時(shí)候,并發(fā)下載被禁止。最差的情況:腳本出現(xiàn)在頭部,他會(huì)阻塞所有其他組件的下載和呈現(xiàn)

第七條:將校本放于底部(

PutJavaScriptatbottom)解決方法 將腳本文件放在頁(yè)面的底部。

動(dòng)態(tài)的加載腳本:

XHREval

ScriptinIframe ScriptDOMElement document.writeScriptTag

缺點(diǎn)是,有些方法無(wú)法跨域,有些方法消耗性能較大,無(wú)法保證執(zhí)行的先后順序。

第七條:將校本放于底部(

PutJavaScriptatbottom)其他網(wǎng)站的情況京東:大部分放于尾部,2個(gè)小文件放于頭部新蛋:

部分位于中部,其他位于尾部淘寶:

分布的較散,頭部有一些必須的JS加載第七條:將校本放于底部(

PutJavaScriptatbottom)我們采用的方法頭部,因?yàn)橐恍┍仨毜墓δ埽瑹o(wú)法放在尾部尾部均有第七條:將校本放于底部(

PutJavaScriptatbottom)YSLOW評(píng)測(cè)、還可以改進(jìn)的地方GradeAonPutJavaScriptatbottomThereare2JavaScriptscriptsfoundintheheadofthedocument

/js/v2/build/global_site_top.js?.../js/v2/build/home_index.js?...2個(gè)JS文件因?yàn)闃I(yè)務(wù)關(guān)系,無(wú)法放在尾部。第八條:避免CSS表達(dá)式(

AvoidCSSexpressions)分析這條規(guī)則不會(huì)影響頁(yè)面的顯示速度,只是會(huì)影響頁(yè)面顯示完畢之后的運(yùn)行性能。IE瀏覽器可以處理CSS中的expression,其他的瀏覽器并不支持。Css的expression求值的次數(shù)遠(yuǎn)超于我們的設(shè)計(jì),幾乎所有的用戶操作都會(huì)觸發(fā)重新計(jì)算表達(dá)式的值,影響客戶端的性能

第八條:避免CSS表達(dá)式(

AvoidCSSexpressions)解決方法 使用一次性的表達(dá)式,即運(yùn)算之后替換CSS的樣式 P{ background-color:expression(altBgcolor(this)); } <script> functionaltBgcolor(elem){ elem.style.backgroundColor=(newDate()).getHours()%2?”#F08A00”:“#B8D4FF”; }

或者使用JS事件來(lái)更新CSS樣式

第八條:避免CSS表達(dá)式(

AvoidCSSexpressions)其他網(wǎng)站的情況京東:無(wú)表達(dá)式新蛋:width:expression(this.scrollWidth>130?"130px":"auto");淘寶:document.execCommand("BackgroundImageCache",false,true)

為了解決IE6下背景圖閃爍的問(wèn)題第八條:避免CSS表達(dá)式(

AvoidCSSexpressions)我們采用的方法盡量避免采用cssexpression第八條:避免CSS表達(dá)式(

AvoidCSSexpressions)YSLOW評(píng)測(cè)、還可以改進(jìn)的地方GradeBonAvoidCSSexpressionsThereareatotalof1expression我們目前殘留1個(gè)expressionthis.onFocus=this.blur()去掉選中超鏈接時(shí)的虛線。第九條:使用外部的CSS和JS文件(

MakeJavaScriptandCSSexternal)分析內(nèi)聯(lián)VS外置內(nèi)聯(lián)優(yōu)勢(shì):減少了HTTP的請(qǐng)求外置優(yōu)勢(shì):可以使用CDN靜態(tài)緩存,可以被瀏覽器緩存,組件重用率提高,比如像common.css。由于腳本和樣式文件被瀏覽器緩存可以在不增加HTTP請(qǐng)求的情況下,簡(jiǎn)小HTML文件的大小。這條規(guī)則與第一條,減少HTTP請(qǐng)求是互相矛盾的,所以需要均衡,衡量的標(biāo)準(zhǔn)主要是重用率和訪問(wèn)頁(yè)面的次數(shù)。

第九條:使用外部的CSS和JS文件(

MakeJavaScriptandCSSexternal)解決方法 根據(jù)實(shí)際業(yè)務(wù)情況衡量采用內(nèi)聯(lián)還是外置。

如果網(wǎng)站的頁(yè)面一個(gè)用戶只會(huì)瀏覽幾次,或者頁(yè)面中的CSS、JS相對(duì)獨(dú)立,適合選擇內(nèi)聯(lián)

一般來(lái)講,外置都會(huì)獲得更好的性能

還可以采用動(dòng)態(tài)內(nèi)聯(lián)和加載后下載的方式,用cookie記錄用戶是否有緩存,如果沒(méi)有,則在用戶頁(yè)面顯示完畢之后,采用JS的方式動(dòng)態(tài)加載,但是需要放置CSS沖突和JS沖突。

第九條:使用外部的CSS和JS文件(

MakeJavaScriptandCSSexternal)其他網(wǎng)站的情況京東:內(nèi)聯(lián)+外置,大部分采用外置新蛋:內(nèi)聯(lián)+外置,大部分采用外置淘寶:內(nèi)聯(lián)+外置,大部分采用外置第九條:使用外部的CSS和JS文件(

MakeJavaScriptandCSSexternal)我們采用的方法獨(dú)立出幾個(gè)可重用的JS和CSS配置文件存放在CSS:css/v2/pertiesJS:js/v2/perites便于多個(gè)頁(yè)面重用。第九條:使用外部的CSS和JS文件(

MakeJavaScriptandCSSexternal)YSLOW評(píng)測(cè)、還可以改進(jìn)的地方Graden/aonMakeJavaScriptandCSSexternalOnlyconsiderthisifyourpropertyisacommonuserhomepage.Thereareatotalof13inlinescripts第十條:減少DNS查詢(xún)(

ReduceDNSlookups)分析DNS緩存一旦用戶的瀏覽器和用戶的計(jì)算機(jī)DNS緩存都沒(méi)有記錄請(qǐng)求的地址,則瀏覽器就要進(jìn)行一次遠(yuǎn)程的DNS解析

第十條:減少DNS查詢(xún)(

ReduceDNSlookups)分析影響用戶每次瀏覽DNS查找數(shù)量的因素主要有:1:操作系統(tǒng)DNS緩存的時(shí)間2:瀏覽器緩存的時(shí)間和數(shù)量3:發(fā)布到DNS服務(wù)器的TTL時(shí)間4:同一個(gè)頁(yè)面請(qǐng)求的不同域名的數(shù)量5:Keep-Alive時(shí)間1,2,3我們無(wú)法控制第四條,我們應(yīng)該盡量減少我們不同域名的數(shù)量(,…)但是另外一條推薦我們?cè)黾硬煌挠蛎詫?shí)現(xiàn)提高并行下載的數(shù)量,所以我們需要找到一個(gè)平衡點(diǎn)第五條,Keep-Alive可以使我們減少請(qǐng)求tcp-ip的時(shí)間,同時(shí)不需要DNS解析,但是會(huì)額外增加服務(wù)器的負(fù)擔(dān),keep-alive主要有2個(gè)參數(shù)timeout和max。

第十條:減少DNS查詢(xún)(

ReduceDNSlookups)解決方法 找到適當(dāng)?shù)牟煌蛎姆?wù)器的數(shù)量的平衡點(diǎn)。支持keep-alive

第十條:減少DNS查詢(xún)(

ReduceDNSlookups)其他網(wǎng)站的情況京東:img10~14misc新蛋:只有一個(gè)域名淘寶:img01~04,,..第十條:減少DNS查詢(xún)(

ReduceDNSlookups)我們采用的方法,d1~第十條:減少DNS查詢(xún)(

ReduceDNSlookups)YSLOW評(píng)測(cè)、還可以改進(jìn)的地方GradeBonReduceDNSlookupsThecomponentsaresplitovermorethan4domains

<每日兩款沒(méi)修改第十一條:精簡(jiǎn)JavaScript(

MinifyJavaScriptandCSS)分析Minification精簡(jiǎn) 移除注釋?zhuān)瞻椎炔槐匾淖址鸒bfuscation混淆 在精簡(jiǎn)的基礎(chǔ)上,會(huì)改寫(xiě)代碼,使代碼更精練,比如將變量、方法名替代成更短的字符,比精簡(jiǎn)更有效的減小代碼的大小。同時(shí)一定程度上可以提高反向工程的難度。 缺陷:可能會(huì)造成腳本本身的錯(cuò)誤。不利于代碼的調(diào)試。對(duì)于像freemarker這樣的標(biāo)記還必須有特殊的處理,否則會(huì)被改名,造成錯(cuò)誤。一般采用精簡(jiǎn)的方式處理外聯(lián)的腳本文件即可。通??梢詫⒃次募嚎s20~30%,這樣用戶在請(qǐng)求JS文件的時(shí)候下載量就減少,提高了性能。

第十一條:精簡(jiǎn)JavaScript(

MinifyJavaScriptandCSS)解決方法

有很多工具都可以提供對(duì)JS文件進(jìn)行精簡(jiǎn)和混淆的工具,比如YUIcompressor

CSS的文件目前主要還是清除空白 同時(shí)配合Gzip使用,可以使外部的腳本減少體積70%。

85KB—不進(jìn)行任何壓縮,精簡(jiǎn)

68KB—精簡(jiǎn)之后的大小

23KB—只進(jìn)行Gzip不精簡(jiǎn)

19KB—進(jìn)行精簡(jiǎn)和Gzip之后的大小

第十一條:精簡(jiǎn)JavaScript(

MinifyJavaScriptandCSS)其他網(wǎng)站的情況京東:混淆新蛋:混淆淘寶:混淆第十一條:精簡(jiǎn)JavaScript(

MinifyJavaScriptandCSS)我們采用的方法開(kāi)發(fā)環(huán)境不做任何處理,線上環(huán)境發(fā)布的時(shí)候做混淆。第十一條:精簡(jiǎn)JavaScript(

MinifyJavaScriptandCSS)YSLOW評(píng)測(cè)、還可以改進(jìn)的地方GradeAonMinifyJavaScriptandCSS第十二條:避免重定向(

AvoidURLredirects)分析301、302的狀態(tài)碼都會(huì)告訴瀏覽器跳轉(zhuǎn)到一個(gè)新的地址并把新的地址放在頭的location中返回給瀏覽器,瀏覽器會(huì)再次請(qǐng)求新的地址,如果再一次請(qǐng)求中有多次的跳轉(zhuǎn),會(huì)阻礙頁(yè)面內(nèi)容的呈現(xiàn),造成不好的客戶體驗(yàn)。

第十二條:避免重定向(

AvoidURLredirects)解決方法

盡量減少或不使用redirect

第十二條:避免重定向(

AvoidURLredirects)其他網(wǎng)站的情況京東:首頁(yè)無(wú)redirect新蛋:首頁(yè)無(wú)redirect淘寶:首頁(yè)無(wú)redirect第十二條:避免重定向(

AvoidURLredirects)我們采用的方法首頁(yè)會(huì)根據(jù)用戶的IP自動(dòng)選擇商家做redirect第十二條:避免重定向(

AvoidURLredirects)YSLOW評(píng)測(cè)、還可以改進(jìn)的地方GradeAonAvoidURLredirects第十三條:移除重復(fù)的腳本(

RemoveduplicateJavaScriptandCSS)分析重復(fù)的腳本會(huì)造成不必要的網(wǎng)絡(luò)資源請(qǐng)求和執(zhí)行Javascript的時(shí)間,但是由于開(kāi)發(fā)團(tuán)隊(duì)的增長(zhǎng)和代碼量的不斷增加,就經(jīng)常會(huì)出現(xiàn)一個(gè)頁(yè)面引入多個(gè)JS或者CSS文件的情況。

第十三條:移除重復(fù)的腳本(

RemoveduplicateJavaScriptandCSS)解決方法

在系統(tǒng)中實(shí)現(xiàn)腳本管理模塊,對(duì)一個(gè)頁(yè)面的腳本統(tǒng)一管理。

第十三條:移除重復(fù)的腳本(

RemoveduplicateJavaScriptandCSS)其他網(wǎng)站的情況京東:有腳本管理新蛋:有腳本管理淘寶:有腳本管理第十三條:移除重復(fù)的腳本(

RemoveduplicateJavaScriptandCSS)我們采用的方法為了避免以前V1容易重復(fù)引入腳本的情況,我們有自己的腳本管理模塊。第十三條:移除重復(fù)的腳本(

Remove

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論