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

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

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

三、減少鏈接請(qǐng)求數(shù)
 
    用戶(hù)與網(wǎng)站交互所等待的時(shí)間,以特定用戶(hù)對(duì)一個(gè)頁(yè)面的加載時(shí)間來(lái)衡量頁(yè)面打開(kāi)過(guò)程中,鏈接請(qǐng)求次數(shù)越少,打開(kāi)速度越快,反之,過(guò)多請(qǐng)求會(huì)導(dǎo)致頁(yè)面加載延遲或頁(yè)面?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è)置客戶(hù)端緩存,如ui圖片,css樣式,javascript腳本等變化很少的靜態(tài)資源,減少更新請(qǐng)求數(shù).
 
    4.取出錯(cuò)誤鏈接和無(wú)效鏈接:頁(yè)面存在無(wú)法打開(kāi)的鏈接,會(huì)導(dǎo)致頁(yè)面打開(kāi)緩慢.
 
    5.利用css sprite技術(shù)合并ui圖片等小而不變的圖片為一張圖片可以幫助減少請(qǐng)求次數(shù),提高頁(yè)面打開(kāi)速度.