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