網(wǎng)站的加載、訪問(wèn)速度不僅影響著用戶體驗(yàn)，也會(huì)影響搜索引擎的排名，在百度推出“閃電算法”以來(lái)，將網(wǎng)站首屏打開(kāi)速度被列入優(yōu)化排名行列，并明確指定打開(kāi)時(shí)間為2秒。那么如何提高網(wǎng)站的加載、訪問(wèn)速度呢?下面天水網(wǎng)站建設(shè)小編為您分享幾條提升網(wǎng)站速度的方法。

　　一、設(shè)置合適的圖片大小

　　太大的圖片是提高頁(yè)面速度的巨大障礙。圖像質(zhì)量很重要，但它必須與性能相平衡。經(jīng)?？吹侥硞€(gè)頁(yè)面超過(guò)10M大小，一張圖片好幾M，加載這張圖片都得一定時(shí)間，特別是一些商城網(wǎng)站。如果不能有效修改圖片大小，那么一定會(huì)影響用戶體驗(yàn)。為此，您可以使用多種方法來(lái)壓縮圖像。在制作網(wǎng)站時(shí)，改變保存圖像的方法會(huì)對(duì)網(wǎng)站的頁(yè)面加載速度產(chǎn)生積極影響。您可以將圖像保存為JPG而不是PNG(JPG文件更小，因此加載速度更快)，盡可能使用SVG文件(它們更小，適用于形狀或LOGO)，將較大的圖像放置在頁(yè)面的更下方，以便在用戶專注于您的首屏內(nèi)容時(shí)加載它們。在上傳到網(wǎng)站前對(duì)圖片進(jìn)行有效的處理，可大大減小圖片的體積，這樣網(wǎng)頁(yè)加載時(shí)需要加載的體積減少，降低加載時(shí)間。

　　二、減少HTTP請(qǐng)求

　　http請(qǐng)求是要開(kāi)銷的，想辦法減少請(qǐng)求數(shù)自然可以提高網(wǎng)頁(yè)速度。常用的方法，合并css，js(將一個(gè)頁(yè)面中的css和js文件分別合并)以及 Image maps和css sprites等。而這每一項(xiàng)的下載都會(huì)去請(qǐng)求一次HTTP。這類請(qǐng)求越多就會(huì)使整個(gè)網(wǎng)站頁(yè)面加載完成時(shí)刻越長(zhǎng)，也就意味著用戶在客戶端訪問(wèn)就會(huì)更慢。所以，這時(shí)就要盡量減少HTTP的請(qǐng)求數(shù)，一般咱們可以把CSS和JS直接寫到頁(yè)面中，這也能避開(kāi)了外部的調(diào)用?？傊梢酝ㄟ^(guò)減少外部文件的數(shù)量調(diào)用來(lái)減少對(duì)HTTP的請(qǐng)求數(shù)。

　　三、啟用Gzip壓縮功能

　　Gzip的思想就是把文件先在服務(wù)器端進(jìn)行壓縮，然后再傳輸。這樣可以顯著減少文件傳輸?shù)拇笮?。傳輸完畢后瀏覽器會(huì) 重新對(duì)壓縮過(guò)的內(nèi)容進(jìn)行解壓縮，并執(zhí)行。目前的瀏覽器都能“良好”地支持 gzip。不僅瀏覽器可以識(shí)別，而且各大“爬蟲(chóng)”也同樣可以識(shí)別，各位seoer可以放下心了。而且gzip的壓縮比例非常大，一般壓縮率為85%，就是 說(shuō)服務(wù)器端100K的頁(yè)面可以壓縮到25K左右再發(fā)送到客戶端。而對(duì)于一些大中型網(wǎng)站來(lái)說(shuō)，因?yàn)榫W(wǎng)站展示內(nèi)容太多，其單個(gè)頁(yè)面都能達(dá)到上百甚至幾百KB，這都會(huì)使訪問(wèn)網(wǎng)站的速度變得很慢。所以在這個(gè)時(shí)候就可以采用Gzip頁(yè)面壓縮功能，可將一個(gè)100K左右的文章壓縮到原有文件的四分之一，這就能減少網(wǎng)絡(luò)傳輸量，來(lái)提高訪問(wèn)速度。VPS基本上都帶有壓縮功能，并通過(guò)這功能對(duì)一些JS,CSS等文件進(jìn)行壓縮，然后從各方面對(duì)網(wǎng)站進(jìn)行優(yōu)化，提高訪問(wèn)速度。

　　四、將css放在頁(yè)面最上面

　　將css放在頁(yè)面最上面，這是為什么?因?yàn)?ie，firefox等瀏覽器在css全部傳輸完全之前不會(huì)去渲染任何的東西。理由誠(chéng)如小馬哥說(shuō)得那樣很簡(jiǎn)單。css，全稱Cascading Style Sheets (層疊樣式表單)。層疊即意味這后面的css可以覆蓋前面的css，級(jí)別高的css可以覆蓋級(jí)別低的css。在[css之!important]這篇文章的最下面曾簡(jiǎn)單地提到過(guò)這層級(jí)關(guān)系，這里我們只需要知道css可以被覆蓋的。既然前面的可以被覆蓋，瀏覽器在他完全加載完畢之后再去渲染無(wú)疑也是合情合理的很多瀏覽器下，如IE，把樣式表放在頁(yè)面的底部的問(wèn)題在于它禁止了網(wǎng)頁(yè)內(nèi)容的順序顯示。瀏覽器阻止顯示以免重畫頁(yè)面元素，那用戶只能看到空白頁(yè)了。Firefox不會(huì)阻止顯示，但這意味著當(dāng)樣式表下載后，有些頁(yè)面元素可能需要重畫，這導(dǎo)致閃爍問(wèn)題。所以我們應(yīng)該盡快讓css加載完畢順著這層意思，如果我們?cè)偌?xì)究的話，其實(shí)還有可以優(yōu)化的地方。

　　五、將script放在頁(yè)面最下面

　　將腳本放在頁(yè)面最下面的目的有那么兩點(diǎn)：

　　1、因?yàn)榉乐箂cript腳本的執(zhí)行阻塞頁(yè)面的下載。在頁(yè)面loading的過(guò)程中，當(dāng)瀏覽器讀到j(luò)s執(zhí)行語(yǔ)句的時(shí)候一定會(huì)把它全部解釋完畢后在會(huì)接下來(lái)讀下 面的內(nèi)容。

　　2、腳本引起的第二個(gè)問(wèn)題是它阻塞并行下載數(shù)量。HTTP/1.1規(guī)范建議瀏覽器每個(gè)主機(jī)的并行下載數(shù)不超過(guò)2個(gè)(IE只能為2個(gè)，其他瀏覽器如ff等都是默認(rèn)設(shè)置為2個(gè)，不過(guò)新出的ie8可以達(dá)6個(gè))。因此如果您把圖像文件分布到多臺(tái)機(jī)器的話，您可以達(dá)到超過(guò)2個(gè)的并行下載。但是當(dāng)腳本文件下載時(shí)，瀏覽器不會(huì)啟動(dòng)其他的并行下載。

　　六、把JavaScript和css都放到外部文件中

　　這點(diǎn)我想還是很容易理解的。不僅從性能優(yōu)化上會(huì)這么做，用代碼易于維護(hù)的角度看也應(yīng)該這么做。把css和js寫在頁(yè)面內(nèi)容可以減少2次請(qǐng)求，但也增 大了頁(yè)面的大小。如果已經(jīng)對(duì)css和js做了緩存，那也就沒(méi)有2次多余的http請(qǐng)求了。當(dāng)然，我在前面中也說(shuō)過(guò)，有些特殊的頁(yè)面開(kāi)發(fā)人員還是會(huì)選擇內(nèi)聯(lián) 的css和js文件。

　　七、運(yùn)用CDN加速工具

　　目前許多網(wǎng)站都會(huì)遍及運(yùn)用CDN加速，而它本身對(duì)于網(wǎng)站的優(yōu)化并不產(chǎn)生影響，基本加速原理就是是將網(wǎng)站鏡像備份到許多VPS節(jié)點(diǎn)上，能使VPS節(jié)點(diǎn)周圍的用戶訪問(wèn)速度有所提高?？梢越?jīng)過(guò)此加速功能來(lái)提高用戶的快速訪問(wèn)體驗(yàn)。