1盡可能減少HTTP請求的數(shù)量。例如:用一張圖片替換多個圖像,然后用CSS顯示它們。
2使用CDN加速網(wǎng)站的速度。CDN可以在不改變原有網(wǎng)站架構(gòu)的前提下,大大提高網(wǎng)站的訪問速度。尤其是對于擁有全國(或全球)用戶的網(wǎng)站,效果會更加明顯。
3CSS文件放在頁面的頁眉中。瀏覽器在顯示頁面之前必須獲取CSS。否則,無法顯示該網(wǎng)頁。因此,將CSS文件放在頁面頂部是明智的。Bole online的開發(fā)團隊做了一個測試,如果一個網(wǎng)頁包含多個JS文件,并且CSS文件放在頁面的末尾。當(dāng)用戶瀏覽網(wǎng)頁時,很明顯網(wǎng)頁是空白的(下載JS等文件),然后顯示出來。顯然,在這種情況下,用戶體驗非常差。相反,如果CSS文件放在頁面的頂部,用戶可以先看到網(wǎng)頁(頁面上沒有明顯的空白)。
4JS文件放在頁面的末尾。其原理與將CSS文件放在頁面頂部相同。
5將CSS和JS代碼存儲在獨立于網(wǎng)頁的文件中。現(xiàn)在很多瀏覽器,比如Firefox、IE7、8等,都會把圖片、CSS、JS等外部文件緩存到用戶的本地。因此,用戶在通過這些瀏覽器瀏覽網(wǎng)頁時,只傳輸網(wǎng)頁的文本內(nèi)容,而不會再次下載圖片、CSS、JS等外部文件。這樣,訪問速度可以大大提高。另外,CSS和JS代碼分別存儲在獨立于web頁面的文件中,這也便于管理。
6減肥JS。使用第三方工具(無需手動操作)壓縮JS,包括刪除評論、空格等,一般可以減少20%左右。例如,JS在“瘦身”之前是100kb,“瘦身”之后是80Kb
除第2項外,其他五個方面與藝術(shù)家和前端開發(fā)人員有關(guān)。