提升網(wǎng)站訪問性能是任何網(wǎng)站建設(shè)者都非常重視的,以下是鄭州網(wǎng)站建設(shè)總結(jié)的幾種可以提升網(wǎng)站訪問性能的方法:
一、樣式表放在網(wǎng)頁代碼前面加載:
把樣式表放在網(wǎng)頁頭部加載,這樣可以讓頁面逐步呈現(xiàn),瀏覽器能夠把已經(jīng)獲得的內(nèi)容盡快展現(xiàn)給瀏覽者,這樣頁面的加載速度就變得更快一些,尤其是對于內(nèi)容較多的網(wǎng)頁以及網(wǎng)速較慢的瀏覽者,更希望得到這樣的結(jié)果。當瀏覽器逐步加載頁面時,頭部、導(dǎo)航條、頂部的logo等等都可以首先反饋給瀏覽者,讓用戶等得不至于心急。而如果把樣式表放在網(wǎng)頁后面加載,將會導(dǎo)致瀏覽器無法進行逐步呈現(xiàn),避免當樣式改變時重繪元素而中止呈現(xiàn),這樣將讓用戶看到的是一個空白的頁面,不利于用戶體驗。
二、使用外部的JavaScript和CSS:
JavaScript和CSS代碼是應(yīng)該被放于外部的文件,還是內(nèi)聯(lián)在頁面里呢?答案是在實際應(yīng)用中內(nèi)聯(lián)在頁面里的JavaScript和CSS,會減少所需的HTTP請求數(shù),但會增大網(wǎng)頁的體積,在每次請求頁面時都要下載執(zhí)行,這會浪費一定的時間。而如果使用外部的文件,將會更快的加載網(wǎng)頁,因為瀏覽器會緩存JavaScript和CSS文件,既不用增加HTTP請求的數(shù)量,只需要從本地加載執(zhí)行即可,這會加快網(wǎng)頁打開速度,也會減小網(wǎng)頁的體積。但這要有一個前提條件,那就是網(wǎng)站空間服務(wù)器端必須實現(xiàn)了緩存功能。
三、盡量不要使用重定向:
無論301重定向還是302重定向都會降低用戶體驗,延遲了頁面的呈現(xiàn)和網(wǎng)頁加載,因為301重定向功能是在真正的網(wǎng)頁加載之前執(zhí)行的。
四、減小DOM元素節(jié)點的數(shù)量:
復(fù)雜的頁面意味著擁有著更多的節(jié)點,打開頁面也會更慢。更多的DOM元素節(jié)點表明有更多的元素標簽需要布局,減少DOM節(jié)點數(shù)量也能加快網(wǎng)頁加載速度。
五、減少Cookies的大。
Cookies的使用雖然在身份驗證、某些個性化設(shè)置等方面起作用,但Cookie中的信息在服務(wù)端和瀏覽器間被放在HTTP頭中交換,減少cookie的體積對減少用戶獲得響應(yīng)的時間也很重要。所以,我們在網(wǎng)頁上應(yīng)盡量不使用Cookies,如果必須要使用Cookies,那么就應(yīng)該減少Cookie的大小,同時盡量少的使用。
六、不要在HTML中縮放圖片大。
在網(wǎng)頁中的圖片應(yīng)盡量使用實際大小的圖片,并指明width和height值與圖片實際大小相同,不要在網(wǎng)頁上縮放圖片的大小,這樣將花費更多的時間來處理圖片,延遲了網(wǎng)頁的加載。
七、同類的小圖片過多,可以使用CSS精靈聚合圖片:
網(wǎng)頁上的小圖片如果比較多,將占用非常的http請求資源,這時候我們可以將這些小圖片聚合到一張較大的圖片上,一次性加載大圖片,就相當于將所有的小圖片完全加載,然后瀏覽器再解析CSS定位圖片的方式將一個個小圖片顯示在相應(yīng)的位置,這種圖片顯示技術(shù)就是CSS精靈,即CSS Sprites,很多網(wǎng)站都應(yīng)用了這種技術(shù)。(本文完)