在互聯(lián)網(wǎng)行業(yè),有一個(gè)著(zhù)名的8秒原則:用戶(hù)在訪(fǎng)問(wèn)一個(gè)頁(yè)面的時(shí)候,如果等待了8秒還看不到內容,用戶(hù)就不會(huì )再繼續等待,除非這是一個(gè)不可替代的網(wǎng)頁(yè).

　　也就是說(shuō),我們做網(wǎng)站建設的時(shí)候,一定要考慮的用戶(hù)體驗,在最短的時(shí)間里,讓用戶(hù)看到網(wǎng)頁(yè)的主要內容,否則,用戶(hù)就會(huì )離開(kāi)你的網(wǎng)站.

　　今天我們從網(wǎng)站的架構和內容的展現方面來(lái)講一下,如何提高一個(gè)頁(yè)面的加載速度.

　　作為專(zhuān)業(yè)的網(wǎng)站建設公司,不可能不知道網(wǎng)站加載的原理:

　　1. 首先,請求并加載網(wǎng)頁(yè)的源代碼,進(jìn)行解析

　　2. 請求并加載js文件,css文件和等資源文件,并解析渲染

　　3. 請求并加載圖片等資源文件.

　　由此,我們可以總結出來(lái),如果加快頁(yè)面的加載,就要減少請求的數量和降低資源文件的文件大小.

　　減少頁(yè)面請求數量,主要是網(wǎng)站架構上來(lái)實(shí)現.例如說(shuō),把多個(gè)背景圖片合并成一個(gè)文件,通過(guò)css來(lái)控制如何顯示調用.同理,css和js也可以這樣處理,不過(guò)要合理考慮文件大小,如果文件過(guò)大也會(huì )影響頁(yè)面打開(kāi)的效果.

　　資源文件主要是css,js和圖片文件,頁(yè)面源代碼一般不做考慮,但是如果內容過(guò)多的話(huà),也需要考慮.css,js和頁(yè)面源代碼的優(yōu)化,主要是增加樣式或腳本的重用率,并對代碼進(jìn)行壓縮.另外,如果頁(yè)面不需要某些css或者js,則不要加載,也就是從代碼中刪除掉.

　　對于圖片,則是盡量使用jpg格式的文件,并且在滿(mǎn)足需求的情況下,對圖片的質(zhì)量進(jìn)行壓縮,并且固定圖片的尺寸,已達到降低資源文件的文件大小的目的.

　　另外,可以考慮通過(guò)延時(shí)加載技術(shù),將不在首屏或者前幾屏的內容中的資源文件延時(shí)加載,優(yōu)先加載首屏或前幾屏的內容。

　　通過(guò)以上方法,可以顯著(zhù)減少頁(yè)面加載時(shí)間,提高頁(yè)面打開(kāi)速度.至于具體的優(yōu)化方法,我們會(huì )在其他的文章中講解。