來源:本站日期:2017-7-3
不管你是不是相信,在最近的幾年里,互聯(lián)網(wǎng)網(wǎng)頁的大小已經(jīng)顯著增大了。由HTTP Archive研究得出的結(jié)果表明,目前平均一個(gè)頁面的大小是1.25M。對(duì)于擁有寬帶的用戶來說,可能并不是一個(gè)問題。但是對(duì)于那些網(wǎng)速并不理解的用戶來說,可...
那么如何優(yōu)化你的網(wǎng)頁呢?
優(yōu)化圖片
這個(gè)絕對(duì)是顯而易見的,可以看到圖片占據(jù)的頁面內(nèi)容分量最重。在現(xiàn)代網(wǎng)頁設(shè)計(jì)中,圖片絕對(duì)占據(jù)了大部分的內(nèi)容。你需要針對(duì)你的頁面重新定義圖片大小。這能夠有效地幫助你減少頁面大小。而且,這里有很多的功能能夠幫助你針對(duì)圖片減肥,例如,Smush.it和TinyPNG
壓縮CSS和Javascript代碼
有效地壓縮CSS和javascript代碼能夠有效地減少頁面大小,你可以刪除空格優(yōu)化代碼。當(dāng)然,壓縮代碼對(duì)于代碼閱讀不是非常有用,但是一般作為產(chǎn)品環(huán)境來說,我們通過這種方式可以有效地減少頁面加載時(shí)間。
避免使用@import
@importCSS語法允許你加載其它的CSS文件。有時(shí)間非常有幫助,但是它并不是和主文件一起下載的,所以可能會(huì)增加頁面加載時(shí)間。建議使用link標(biāo)簽,這樣會(huì)更加高效。
減少HTTP請(qǐng)求次數(shù)
減少HTTP請(qǐng)求次數(shù)可以幫助你有效的增加網(wǎng)站加載速度。你可以使用如下方式:
1.融合文件
將不同的樣式表文章合成一個(gè)文件可以減少http請(qǐng)求的次數(shù)。同樣對(duì)于javascript來說也適用。
2.使用CSSsprites
使用sprites可以幫助你把多個(gè)圖片文件放置到一個(gè)文件里,這樣可以減少圖片下載的次數(shù)。
利用瀏覽器緩存
可能你的網(wǎng)站中包含了一些并不常常變化的文件。例如,圖片,CSS,javascript等等。如果讓瀏覽器來緩存文件的話可以幫助你增加網(wǎng)頁加載速度。