如何優化網站打開速度？

　　網站上(shàng)線前的(de)測試内容中有一(yī / yì ／yí)項很重要(yào / yāo)的(de)工作就(jiù)是(shì)測試網站的(de)性能。而(ér)網站的(de)打開速度是(shì)網站性能中最基礎同時(shí)也(yě)是(shì)最重要(yào / yāo)的(de)一(yī / yì ／yí)項。

　　1、網站的(de)服務器

　　服務器和(hé / huò)帶寬很大(dà)程度上(shàng)決定了(le／liǎo)網頁的(de)加載速度，在(zài)資金允許的(de)情況下，盡可能選擇高配置的(de)服務器和(hé / huò)高帶寬。

　　2、優化和(hé / huò)壓縮js和(hé / huò)css代碼

　　所有的(de)網站在(zài)用戶點擊進入網站時(shí)都需要(yào / yāo)加載頁面所需的(de)js和(hé / huò)css代碼，如果代碼冗餘，必然會降低訪問速度。

在(zài)優化方面，盡可能的(de)使用最優化的(de)邏輯來(lái)編寫js代碼，css代碼相同的(de)樣式不(bù)要(yào / yāo)重複。。在(zài)壓縮方面，可以(yǐ)使用第三方的(de)壓縮工具進行壓縮，壓縮後的(de)代碼會比壓縮前縮小35%到(dào)60%。

　　3、減少http的(de)請求次數

　　網頁加載的(de)時(shí)間主要(yào / yāo)用于(yú)下載網頁元素，即HTML，CSS，JavaScript，圖像，Flash等内容，經過統計發現，沒多一(yī / yì ／yí)次請求，頁面加載時(shí)間就(jiù)會鹽城25-40毫秒（有用戶的(de)帶寬決定）。因此，爲(wéi / wèi)了(le／liǎo)提高打開網頁的(de)速度，必須減少HTTP請求的(de)數量。有三種方法：首先要(yào / yāo)減少不(bù)必要(yào / yāo)的(de)http請求，能用代碼完成盡量不(bù)要(yào / yāo)使用圖片。其次就(jiù)是(shì)合并文件，把js文件和(hé / huò)css文件盡可能合成一(yī / yì ／yí)個(gè)。最後，優化緩存，如果網頁内容沒有更改，就(jiù)可以(yǐ)調用本地(dì / de)浏覽器的(de)緩存而(ér)不(bù)需要(yào / yāo)從服務器下載。

　　4、服務器端緩存設置

　　如果用戶不(bù)是(shì)第一(yī / yì ／yí)次訪問的(de)你的(de)網站那麽，訪問速度會比第一(yī / yì ／yí)次更快，原因就(jiù)是(shì)浏覽器緩存。默認情況下，大(dà)多數服務器或空間都具有緩存設置。網站管理員隻需要(yào / yāo)在(zài)後台設置文件類型和(hé / huò)到(dào)期時(shí)間。

　　5、優化圖片

　　如果網頁需要(yào / yāo)大(dà)量的(de)小圖标，而(ér)每個(gè)下圖标都是(shì)單獨調用的(de)那麽http請求數就(jiù)會變多，網頁的(de)加載速度就(jiù)會變慢。我們可以(yǐ)把小圖片合成一(yī / yì ／yí)張圖片，這(zhè)樣http請求書就(jiù)會變成1，加快了(le／liǎo)網頁的(de)加載速度。使用css坐标定位就(jiù)可以(yǐ)把想要(yào / yāo)的(de)小圖标顯示出(chū)來(lái)。

　　6、壓縮圖片

　　統計顯示，圖片加載時(shí)間占用了(le／liǎo)網站加載時(shí)間的(de)一(yī / yì ／yí)大(dà)部分。在(zài)不(bù)影響網站視覺效果的(de)前提下，盡可能的(de)壓縮圖片的(de)大(dà)小，以(yǐ)達到(dào)加快網頁加載速度的(de)效果。

　　7、服務器使用gzip壓縮

　　所要(yào / yāo)下載的(de)文件越小那麽加載所用時(shí)間就(jiù)越短，這(zhè)很容易理解。 有一(yī / yì ／yí)種更有效的(de)數據壓縮格式教唆Gzip壓縮。使用gzip壓縮，壓縮率通常會在(zài)70%上(shàng)下。大(dà)多數服務器（例如VPS，虛拟主機等）默認已啓用此功能。

　　網站加載時(shí)間的(de)長和(hé / huò)短與用戶體驗息息相關。同時(shí)也(yě)影響了(le／liǎo)網站和(hé / huò)搜索引擎的(de)友好度。盡可能的(de)減短網站的(de)加載時(shí)間是(shì)毋庸置疑的(de)。響應用戶的(de)操作是(shì)一(yī / yì ／yí)個(gè)容易被遺忘的(de)問題。要(yào / yāo)及時(shí)的(de)響應用戶的(de)每一(yī / yì ／yí)個(gè)操作，不(bù)管什麽時(shí)候返回加過。當用戶點擊圖片查看時(shí)顯示加載的(de)百分比就(jiù)是(shì)一(yī / yì ／yí)個(gè)非常典型的(de)響應用戶的(de)設計。