我們網(wǎng)站內(nèi)容多了,我們打開(kāi)自己的網(wǎng)站就會(huì)非常的慢,有很多人會(huì)怪服務(wù)器的問(wèn)題,錯(cuò)了,有時(shí)不是這樣的,影響網(wǎng)站打開(kāi)速度不止這些,接下來(lái)就與大家說(shuō)一下,網(wǎng)站大量的特性都會(huì)用到JAVAscript和css文件,如果網(wǎng)站做大了,這些文件也會(huì)越來(lái)越多,這些文件一多了,就要影響到網(wǎng)站打開(kāi)的速度,怎么解決這個(gè)問(wèn)題呢?
一、壓縮html和JavaScript:
我們用站長(zhǎng)工具的JavaScript-HTML格式化工具,打開(kāi)頁(yè)面找到要壓縮的文件js文件:common.js ,把js代碼復(fù)制到到JavaScript/HTML格式化工具里面如下圖所示:

點(diǎn)擊下面的“普通壓縮”和“加密壓縮”按鈕,經(jīng)過(guò)精心測(cè)試,使用“加密壓縮”,對(duì)文件壓縮率是最好的,所以點(diǎn)擊“加密壓縮”,javascript代碼壓縮后,我們就把這些代碼在復(fù)制到common.js文件里面,在把這個(gè)文件上傳到空間原來(lái)的位置,進(jìn)行訪問(wèn)是否存在一些錯(cuò)誤,如果沒(méi)有什么問(wèn)題說(shuō)明壓縮成功;
例:common.js 文件壓縮前和壓縮后的對(duì)比:


文件壓縮前和壓縮后確實(shí)有明確的減少,說(shuō)明壓縮確實(shí)減少文件的大小,文件壓縮后給我們節(jié)省大量的時(shí)間,如果每個(gè)js都進(jìn)行壓縮,我們網(wǎng)站訪問(wèn)速度會(huì)更快的。
(注:html文件和javascript壓縮原來(lái)一樣的,當(dāng)時(shí)壓縮html要用到“普通壓縮”按鈕壓縮)
一、壓縮css文件:
我們打開(kāi)站長(zhǎng)工具的Css壓縮/格式化工具頁(yè)面,找到要壓縮文件的css主文件style.css,首先我們打開(kāi)站長(zhǎng)工具的Css壓縮/格式化工具頁(yè)面 ,把style.css 代碼放到Css壓縮/格式化工具里面,點(diǎn)擊“壓縮代碼”按鈕后,css代碼壓縮成功,通過(guò)查看壓縮前和壓縮后文件有明顯減少。
三、減少HTTP請(qǐng)求
瀏覽器會(huì)花費(fèi)80%的時(shí)間獲取外部元件,包括腳本、樣式表、圖像等,只有20%的時(shí)間用來(lái)加載內(nèi)容,每個(gè)網(wǎng)站都會(huì)有許多HTTP請(qǐng)求,由于只有2個(gè)HTTP請(qǐng)求可以在同一時(shí)間傳送,所以請(qǐng)求一旦過(guò)多就會(huì)造成延遲。

四、對(duì)圖像進(jìn)行壓縮
除非你加載視頻,那么影響網(wǎng)站速度罪魁禍?zhǔn)讘?yīng)該就是圖片了,如果是jpeg、png圖片,保證不失品質(zhì)的前提下,讓他們盡量壓縮,F(xiàn)ireworks軟件“導(dǎo)出向?qū)?rdquo;功能,它提供了一個(gè)很好的方式來(lái)預(yù)覽保存的圖像,讓圖片大小與質(zhì)量之間平衡,大多數(shù)其他圖像編輯軟件都有類似的功能。

五、開(kāi)啟gzip模塊
gzip壓縮是非常流行的一種數(shù)據(jù)壓縮格式,一般網(wǎng)站啟用gzip后,壓縮率都會(huì)有70%-80%的提升,效果是立竿見(jiàn)影的。
部分虛擬主機(jī)默認(rèn)有g(shù)zip功能,但大部分沒(méi)有,獨(dú)立主機(jī)、VPS一般可以設(shè)置,開(kāi)啟gzip會(huì)加重服務(wù)器負(fù)擔(dān),而且要修改服務(wù)器配置,強(qiáng)烈建議大家開(kāi)啟gzip,如果不清楚可以問(wèn)問(wèn)所在空間商,讓他們幫忙開(kāi)啟。
想了解更多,搜微信公眾號(hào):開(kāi)眼科技(kanyan)更多干貨知識(shí),等你來(lái)!