【建站知識(shí)】如何減少http請(qǐng)求數(shù)?

2022-06-10    分類: 網(wǎng)站建設(shè)

如何減少http請(qǐng)求數(shù)?

圖片,css,script,flash,等等這些都會(huì)增加http請(qǐng)求數(shù),減少這些元素的數(shù)量能減少響應(yīng)時(shí)間。CSS Sprites技術(shù)能減少圖片的請(qǐng)求數(shù),把零散的小圖片放到一起,運(yùn)用background-position來改變背景圖片的位置,前提是html元素事先定義好寬高,其實(shí)就像一個(gè)遮罩,移動(dòng)背景就會(huì)看到不同的景象。

1、內(nèi)嵌圖像

用data:URL scheme的方式把圖片內(nèi)容代碼直接嵌入html代碼中,這樣會(huì)增大html代碼的體積,改進(jìn)的方式是把內(nèi)嵌圖片嵌入到css中(css被緩存),這樣就會(huì)更好的減少http請(qǐng)求數(shù)而且不增大html的體積。

2、合并文件

合并文件就是把很多JS文件合并成1個(gè)文件,很多CSS文件合并成1個(gè)文件,這種方法應(yīng)該很多人用到過,這里只推薦1個(gè)合并的工具:yuiCompressor 這個(gè)工具yahoo提供的。

3、合并圖片

這是利用css sprite,通過控制背景圖片的位置來顯示不同的圖片。

4、把JS、CSS合并到1個(gè)文件

上面第1種方法說的只是把幾個(gè)JS文件合并成1個(gè)JS文件,幾個(gè)CSS文件合并成1個(gè)CSS文件,那如何把CSS和JS都合并到1個(gè)文件中。

合并JS文件和CSS文件很多人都知道,也用過,目的是為了減少請(qǐng)求數(shù)。但有時(shí)候我們覺的把JS合并到1個(gè)文件,CSS又合并到另外1個(gè)文件也是浪費(fèi),我們?nèi)绾文馨袰SS和JS一起合并進(jìn)1個(gè)文件了?

這里需要使用1個(gè)常見的注釋符

新聞名稱:【建站知識(shí)】如何減少http請(qǐng)求數(shù)?
文章分享:http://bm7419.com/news/165725.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供用戶體驗(yàn)、營銷型網(wǎng)站建設(shè)、品牌網(wǎng)站制作企業(yè)網(wǎng)站制作、App開發(fā)、網(wǎng)站排名

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站托管運(yùn)營