啊灬啊灬啊灬快灬高潮了视频,丁香五月激情片,国产精品—色哟哟,超碰白浆爆操无码

Web前端性能優(yōu)化一般說(shuō)來(lái)Web前端指網(wǎng)站業(yè)務(wù)邏輯之前的部分，包括瀏覽器加載、網(wǎng)站視圖模型、圖片服務(wù)、CDN服務(wù)等，主要優(yōu)化手段有優(yōu)化瀏覽器訪問(wèn)、使用反向代理、CDN等。

一、 瀏覽器訪問(wèn)優(yōu)化

1．減少http請(qǐng)求

HTTP協(xié)議是無(wú)狀態(tài)的應(yīng)用層協(xié)議，意味著每次HTTP請(qǐng)求都需要建立通信鏈路、進(jìn)行數(shù)據(jù)傳輸，而在服務(wù)器端，每個(gè)HTTP都需要啟動(dòng)獨(dú)立的線程去處理。這些通信和服務(wù)的開(kāi)銷都很昂貴，減少HTTP請(qǐng)求的數(shù)目可有效提高訪問(wèn)性能。減少HTTP的主要手段是合并CSS、合并JavaScript、合并圖片。將瀏覽器一次訪問(wèn)需要的JavaScript、CSS合并成一個(gè)文件，這樣瀏覽器就只需要一次請(qǐng)求。圖片也可以合并，多張圖片合并成一張，如果每張圖片都有不同的超鏈接，可通過(guò)CSS偏移響應(yīng)鼠標(biāo)點(diǎn)擊操作，構(gòu)造不同的URL。

2．使用瀏覽器緩存對(duì)一個(gè)網(wǎng)站建設(shè)設(shè)計(jì)而言，CSS、JavaScript、Logo、圖標(biāo)這些靜態(tài)資源文件更新的頻率都比較低，而這些文件又幾乎是每次HTTP請(qǐng)求都需要的，如果將這些文件緩存在瀏覽器中，可以極好地改善性能。通過(guò)設(shè)置HTTP頭中Cache-Control和Expires的屬性，可設(shè)定瀏覽器緩存，緩存時(shí)間可以是數(shù)天，甚至是幾個(gè)月。在某些時(shí)候，靜態(tài)資源文件變化需要及時(shí)應(yīng)用到客戶端瀏覽器，這種情況，可通過(guò)改變文件名實(shí)現(xiàn)，即更新JavaScript文件并不是更新JavaScript文件內(nèi)容，而是生成一個(gè)新的JS文件并更新HTML文件中的引用。使用瀏覽器緩存策略的網(wǎng)站在更新靜態(tài)資源時(shí)，應(yīng)采用批量更新的方法，比如需要更新10個(gè)圖標(biāo)文件，不宜把10個(gè)文件一次全部更新，而是應(yīng)一個(gè)文件一個(gè)文件逐步更新，并有一定的間隔時(shí)間，以免用戶瀏覽器突然大量緩存失效，集中更新緩存，造成服務(wù)器負(fù)載驟增、網(wǎng)絡(luò)堵塞的情況。

3．啟用壓縮在服務(wù)器端對(duì)文件進(jìn)行壓縮，在瀏覽器端對(duì)文件解壓縮，可有效減少通信傳輸?shù)臄?shù)據(jù)量。文本文件的壓縮效率可達(dá)80％以上，因此HTML、CSS、JavaScript文件啟用GZip壓縮可達(dá)到較好的效果。但是壓縮對(duì)服務(wù)器和瀏覽器產(chǎn)生一定的壓力，在通信帶寬良好，而服務(wù)器資源不足的情況下要權(quán)衡考慮。

4．CSS放在頁(yè)面最上面、JavaScript放在頁(yè)面最下面瀏覽器會(huì)在下載完全部CSS之后才對(duì)整個(gè)頁(yè)面進(jìn)行渲染，因此最好的做法是將CSS放在頁(yè)面最上面，讓瀏覽器盡快下載CSS。JavaScript則相反，瀏覽器在加載JavaScript后立即執(zhí)行，有可能會(huì)阻塞整個(gè)頁(yè)面，造成頁(yè)面顯示緩慢，因此JavaScript最好放在頁(yè)面最下面。但如果頁(yè)面解析時(shí)就需要用到JavaScript，這時(shí)放在底部就不合適了。

5．減少Cookie傳輸一方面，Cookie包含在每次請(qǐng)求和響應(yīng)中，太大的Cookie會(huì)嚴(yán)重影響數(shù)據(jù)傳輸，因此哪些數(shù)據(jù)需要寫入Cookie需要慎重考慮，盡量減少Cookie中傳輸?shù)臄?shù)據(jù)量。另一方面，對(duì)于某些靜態(tài)資源的訪問(wèn)，如CSS、Script等，發(fā)送Cookie沒(méi)有意義，可以考慮靜態(tài)資源使用獨(dú)立域名訪問(wèn)，避免請(qǐng)求靜態(tài)資源時(shí)發(fā)送Cookie，減少Cookie傳輸?shù)拇螖?shù)。

4.2.2 CDN加速CDN（Content Distribute Network，內(nèi)容分發(fā)網(wǎng)絡(luò)）的本質(zhì)仍然是一個(gè)緩存，而且將數(shù)據(jù)緩存在離用戶最近的地方，使用戶以最快速度獲取數(shù)據(jù)，即所謂網(wǎng)絡(luò)訪問(wèn)第一跳，如圖4.5所示。 圖4.5 利用CDN的網(wǎng)站架構(gòu)由于CDN部署在網(wǎng)絡(luò)運(yùn)營(yíng)商的機(jī)房，這些運(yùn)營(yíng)商又是終端用戶的網(wǎng)絡(luò)服務(wù)提供商，因此用戶請(qǐng)求路由的第一跳就到達(dá)了CDN服務(wù)器，當(dāng)CDN中存在瀏覽器請(qǐng)求的資源時(shí)，從CDN直接返回給瀏覽器，最短路徑返回響應(yīng)，加快用戶訪問(wèn)速度，減少數(shù)據(jù)中心負(fù)載壓力。CDN能夠緩存的一般是靜態(tài)資源，如圖片、文件、CSS、Script腳本、靜態(tài)網(wǎng)頁(yè)等，但是這些文件訪問(wèn)頻度很高，將其緩存在CDN可極大改善網(wǎng)頁(yè)的打開(kāi)速度。

4.2.3 反向代理傳統(tǒng)代理服務(wù)器位于瀏覽器一側(cè)，代理瀏覽器將HTTP請(qǐng)求發(fā)送到互聯(lián)網(wǎng)上，而反向代理服務(wù)器位于網(wǎng)站機(jī)房一側(cè)，代理網(wǎng)站W(wǎng)eb服務(wù)器接收HTTP請(qǐng)求。如圖4.6所示。 圖4.6 利用反向代理的網(wǎng)站架構(gòu)和傳統(tǒng)代理服務(wù)器可以保護(hù)瀏覽器安全一樣，反向代理服務(wù)器也具有保護(hù)網(wǎng)站安全的作用，來(lái)自互聯(lián)網(wǎng)的訪問(wèn)請(qǐng)求必須經(jīng)過(guò)代理服務(wù)器，相當(dāng)于在Web服務(wù)器和可能的網(wǎng)絡(luò)攻擊之間建立了一個(gè)屏障。除了安全功能，代理服務(wù)器也可以通過(guò)配置緩存功能加速Web請(qǐng)求。當(dāng)用戶第一次訪問(wèn)靜態(tài)內(nèi)容的時(shí)候，靜態(tài)內(nèi)容就被緩存在反向代理服務(wù)器上，這樣當(dāng)其他用戶訪問(wèn)該靜態(tài)內(nèi)容的時(shí)候，就可以直接從反向代理服務(wù)器返回，加速Web請(qǐng)求響應(yīng)速度，減輕Web服務(wù)器負(fù)載壓力。事實(shí)上，有些青島建網(wǎng)站會(huì)把動(dòng)態(tài)內(nèi)容也緩存在代理服務(wù)器上，比如維基百科及某些博客論壇網(wǎng)站，把熱門詞條、帖子、博客緩存在反向代理服務(wù)器上加速用戶訪問(wèn)速度，當(dāng)這些動(dòng)態(tài)內(nèi)容有變化時(shí)，通過(guò)內(nèi)部通知機(jī)制通知反向代理緩存失效，反向代理會(huì)重新加載最新的動(dòng)態(tài)內(nèi)容再次緩存起來(lái)。此外，反向代理也可以實(shí)現(xiàn)負(fù)載均衡的功能，而通過(guò)負(fù)載均衡構(gòu)建的應(yīng)用集群可以提高系統(tǒng)總體處理能力，進(jìn)而改善網(wǎng)站高并發(fā)情況下的性能。