網(wǎng)站設(shè)計(jì)科學(xué)、高效、ui友好易用,但過慢的頁面加載過程或過長(zhǎng)的下載時(shí)間也會(huì)消弱網(wǎng)站競(jìng)爭(zhēng)力。那么,如何提升網(wǎng)站性能，加快網(wǎng)站打開速度？

一、壓縮頁面
 
    打開頁面過程中,瀏覽器向服務(wù)器請(qǐng)求發(fā)回頁面,網(wǎng)站速度受到頁面大小的影響,發(fā)回的頁面?zhèn)鬏斪止?jié)越小,網(wǎng)站速度越快;對(duì)于這種情況一般采用壓縮技術(shù),減少頁面大小.
 
具體操作:
 
    1.啟用gzip:gzip是一種壓縮技術(shù),是通過在網(wǎng)站服務(wù)器安裝gzip功能并開啟,在傳輸頁面到客戶端瀏覽器過程中,先在網(wǎng)站服務(wù)器壓縮并傳至客戶端瀏覽器,開啟gzip壓縮可以減少傳輸字節(jié),提高網(wǎng)頁加載速度.
 
    2.通過壓縮技術(shù),壓縮元素的體積(大小),如壓縮圖片、javascsipt腳本文件和css樣式文件等,可減少傳輸文件體積(大小),提升頁面下載速度.
 
二、優(yōu)化打開頁面內(nèi)容

    此過程的消耗時(shí)間受頁面的內(nèi)容大小、設(shè)計(jì)等影響所以頁面的內(nèi)容大小以及圖片設(shè)計(jì)等方面需要最大程度地從用戶方面出發(fā),力求給用戶最好地顯現(xiàn)體驗(yàn).
 
具體操作:
 
    css樣式文件位置調(diào)整:css文件說明出現(xiàn)在之后,會(huì)導(dǎo)致頁面重新渲染,降低網(wǎng)站展示速度,應(yīng)將其放置在head區(qū)域,避免頁面重新渲染,javascript腳本文件位置調(diào)整:將javascript文件放在頁面最后可以優(yōu)化請(qǐng)求阻塞的問題,提高網(wǎng)站打開速度.
 
    圖片大小聲明:如果圖片大小不定義,頁面需重新渲染,降低網(wǎng)站打開速度.
 
    字符集聲明:如果部分為定義字符集,將增加頁面渲染次數(shù),降低網(wǎng)站打開速度.

三、減少鏈接請(qǐng)求數(shù)
 
    用戶與網(wǎng)站交互所等待的時(shí)間,以特定用戶對(duì)一個(gè)頁面的加載時(shí)間來衡量頁面打開過程中,鏈接請(qǐng)求次數(shù)越少,打開速度越快,反之,過多請(qǐng)求會(huì)導(dǎo)致頁面加載延遲或頁面?zhèn)鬏斪枞?

具體操作:
 
    1.合并javascript(也就是js)腳本文件:相同域名存在多個(gè)不同的javascript腳本文件,應(yīng)盡可能將其予以合并,減少請(qǐng)求次數(shù).
 
    2.合并css樣式文件:相同域名下存在多個(gè)css樣式文件,應(yīng)盡可能將其予以合并,減少請(qǐng)求次數(shù).
 
    3.緩存靜態(tài)資源:變化很少的靜態(tài)資源可以設(shè)置客戶端緩存,如ui圖片,css樣式,javascript腳本等變化很少的靜態(tài)資源,減少更新請(qǐng)求數(shù).
 
    4.取出錯(cuò)誤鏈接和無效鏈接:頁面存在無法打開的鏈接,會(huì)導(dǎo)致頁面打開緩慢.
 
    5.利用css sprite技術(shù)合并ui圖片等小而不變的圖片為一張圖片可以幫助減少請(qǐng)求次數(shù),提高頁面打開速度.