企業(yè)網(wǎng)站設(shè)計(jì)減少HTTP請求量
日期 : 2020-06-05 17:48:14
減少HTTP請求量。對(duì)于一個(gè)完整HTTP請求，其包括了多個(gè)環(huán)節(jié)，從DNS尋址、數(shù)據(jù)的發(fā)送，到瀏覽器于服務(wù)器之間的連接和數(shù)據(jù)的傳輸以及等待。要保證請求的正常進(jìn)行，每一個(gè)請求都必須要有對(duì)應(yīng)的數(shù)據(jù)，都需要占用獨(dú)一的寬帶資源，上述請求幾乎同步運(yùn)行，即可直接延長網(wǎng)頁運(yùn)作流程，降低連帶運(yùn)作速度下降，增加用戶等待時(shí)間。分析其原因在于一旦產(chǎn)生單個(gè)HTTP請求，其內(nèi)部即會(huì)迅速響應(yīng)多級(jí)運(yùn)行產(chǎn)生的大量數(shù)據(jù)，運(yùn)行過程中每項(xiàng)數(shù)據(jù)均一定會(huì)占據(jù)一定量的網(wǎng)絡(luò)資源。加之，囿于網(wǎng)絡(luò)資源可自由利用的有限性，一旦運(yùn)行數(shù)據(jù)量大于瀏覽器的網(wǎng)絡(luò)資源，即會(huì)引起卡頓、崩潰等問題。因而在該優(yōu)化目標(biāo)之下，應(yīng)最大程度減少HTTP請求來優(yōu)化前端開發(fā)工作。經(jīng)綜合類比分析，需做到如下3點(diǎn)：將多個(gè)的CSS文件或Java Script文件合并在一起，讓其同時(shí)運(yùn)行；進(jìn)一步的完善和優(yōu)化圖片架構(gòu)，可以在一個(gè)圖像上進(jìn)行多區(qū)域劃分，并且輸入不同映射的連接；實(shí)現(xiàn)圖片和文本一起下載，通過借助于CSS background開展背景圖絕對(duì)定位。以上操作，可有效壓縮、打包HTTP請求，一級(jí)表層面上減少HTTP請求，內(nèi)層請求則直接分化為獨(dú)一的隊(duì)列，且并不會(huì)減少請求數(shù)量，從而直接提升網(wǎng)頁載入速度，從而提高用戶操作體驗(yàn)。
相關(guān)文章
精彩導(dǎo)讀
熱門資訊
