文章內(nèi)容

提高網(wǎng)站性能獲取用戶的信賴

發(fā)布時間: 2012/7/12 10:53:20

用戶信賴網(wǎng)站，筆者認(rèn)為有兩個方面，一個是用戶對站點(diǎn)中內(nèi)容的認(rèn)可度，另外一個則是用戶對網(wǎng)站性能的認(rèn)可，網(wǎng)站性能最直接最客觀的體現(xiàn)方面是在頁面的響應(yīng)時間，簡單的就是頁面打開的速度。今天主要和大家分享如何對提升網(wǎng)站頁面響應(yīng)速度付諸實(shí)踐。

　　1�？s小的HTTP請求

　　網(wǎng)站頁面的相應(yīng)時間80%都用于網(wǎng)頁中所有組件的下載，包括圖像，樣式表，F(xiàn)lash，Javascript和許多其他項(xiàng)目，如果我們能盡量減少頁面上的組件，減少對服務(wù)器的壓力，這是改善網(wǎng)站性能的主要原則，從而達(dá)到創(chuàng)造更快的網(wǎng)頁HTTP請求。

　　很多站長朋友在注意到這個問題時，采用的方式是簡化頁面設(shè)計(jì)，但是即使過了頁面影響時間這一關(guān)，那么在網(wǎng)站內(nèi)容上呢?簡化的頁面，何以談內(nèi)容豐富，何以用內(nèi)容來框住用戶挑剔的眼球?最有效的方式還是需要從最基礎(chǔ)的網(wǎng)頁設(shè)計(jì)開始。

　　(1)合并文件

　　你應(yīng)該總是嘗試到您的網(wǎng)頁上的所有腳本合并成一個單一的腳本，還結(jié)合到你的CSS樣式。這顯然會更加困難，如果你有不同的頁面上有不同樣式的網(wǎng)站，但如果將它們結(jié)合起來是可能的，它確實(shí)可以提高速度性能。

　　(2)CSS精靈

　　CSS精靈是最被認(rèn)可的方法。它允許你將一個頁面涉及到的所有零星圖片都包含到一張大圖中去，這樣一來，當(dāng)訪問該頁面時，載入的圖片就不會像以前那樣一幅一幅地慢慢顯示出來了。例如，如果您的網(wǎng)站是采用Word***ess，你已經(jīng)下載該網(wǎng)站預(yù)先設(shè)計(jì)的主題。經(jīng)常使用多達(dá)50種不同的圖像，這意味著服務(wù)器需要做很多的HTTP請求完全加載頁面構(gòu)造背景，設(shè)計(jì)。如果你可以使用CSS s***ites的背景圖像合并成一個單一的形象，這樣你會明顯降低該網(wǎng)頁的加載時間。結(jié)合外部文件和腳本，優(yōu)化你的形象如何加載，你可以真正削減需要加載一個頁面的HTTP請求的數(shù)量。

　　2。使用Cache-Control頭或一個Expires

　　如上所述，內(nèi)容豐富的網(wǎng)站往往意味著，越來越多的HTTP請求通常需要完全加載頁面。當(dāng)用戶首次訪問您的網(wǎng)站，他們將需要作出更多的HTTP請求，因?yàn)樗麄兊木彺媸强盏�。然而，那么我們可以把這些重要的問題歸咎于一個Expires頭的組件，使他們可緩存，因此這意味著用戶將不需要再次要求該項(xiàng)目在隨后的頁面瀏覽量。雖然過期標(biāo)頭是最常見的相關(guān)圖像，他們應(yīng)適用于所有組件，如腳本，樣式表和Flash組件。

　　3。Gzip已組件

　　gzip壓縮可以說是目前壓縮最流行和最有效的方法。通過壓縮文件需要加載您的網(wǎng)站，它可以減少約70%的響應(yīng)時間，并盡可能多的文件gzip壓縮是很好的方式，以減少您的網(wǎng)站的加載時間。

　　4�？s小的Javascript和CSS

　　如果您刪除所有不必要的字符和換行代碼從您的網(wǎng)站，你減少它的大小，從而減少其負(fù)載時間 - 這一過程被稱為minifying。如果您使用一個插件或外部軟件來縮小你的代碼，它是好的，要知道，任何預(yù)先存在的評論將被刪除。所以，如果你有你的代碼作出任何重要的票據(jù)，這是最好的地方，使前minifying它的一個副本。

　　5。優(yōu)化圖片

　　(1)圖片格式轉(zhuǎn)換

　　如果一個網(wǎng)站有一個非常緩慢的加載時間，有圖像，除了上面提到的東西，還有一些技術(shù)在優(yōu)化圖像上以提高頁面的加載時間。比如一般站點(diǎn)中使用的圖片都是用jpg格式的，GIF，PNG格式，可以使儲蓄，因?yàn)樗懈玫膲嚎s，同時還支持了廣闊的色彩范圍。當(dāng)然也可以使用其他的圖像優(yōu)化軟件，這里介紹一款筆者常用的軟文Smush.it。

　　(2)圖片大小改變

　　把圖像縮小一定的像素之后，然后放在html文件中。例如，如果你有一個圖片，是600×600，但它是50%的像素，這樣的像素和大圖片不適合在頁面上，并且如果直接放在html文件中，那么很有可能它在頁面中顯示的大小和像素還會有所增加，這樣頁面加載的時間就會延長，你可以使用Photoshop經(jīng)過處理之后，然后在加載到頁面中，而可以減少加載的時間。

　　希望上面的5個方式可以幫助你提升網(wǎng)站性能，提升網(wǎng)站的加載速度，不用考慮用一個簡單的網(wǎng)站頁面來實(shí)現(xiàn)降低頁面的響應(yīng)時間，用戶的信賴也是建立在網(wǎng)站頁面內(nèi)容豐富度上的。

本文出自：億恩科技【www.allwellnessguide.com】

服務(wù)器租用/服務(wù)器托管中國五強(qiáng)！虛擬主機(jī)域名注冊頂級提供商！15年品質(zhì)保障！--億恩科技[ENKJ.COM]