這一部分我就想到什么寫什么。

IMG標(biāo)簽表明圖片尺寸

在放置IMG標(biāo)簽的時候，保持圖片大小與實際需要顯示的大小一致，如果將1000800的圖片顯示成10080的話，不僅顯示效果差，下載圖片也會消耗很多時間，瀏覽器還要對這大圖進行縮放。

減小圖片尺寸

很多圖片其實是可以被減小的，我在使用PS對圖片輸出的時候都會在顯示與品質(zhì)上尋找一個平衡點，試著將圖片調(diào)色板設(shè)為256色或更小，這樣可以大幅度減少圖片大小讓加載時間縮短。

css sprite

將許多小圖標(biāo)聚合在一張圖片上，通過css的background-position來定位，這樣可以減少HTTP請求節(jié)省資源。實際開發(fā)過程中可以使用一些自動化工具來完成，gulp上也有對應(yīng)的插件來自動合并圖片，開發(fā)者在寫css的時候正常書寫即可。

使用CDN

有不少公司提供了自建的CDN，我們可以直接使用第三方的CDN資源，使用CND會通過地理位置最近的用戶傳輸內(nèi)容，可以大幅度減少網(wǎng)絡(luò)延時。當(dāng)然別人的CND服務(wù)要是掛了也就麻煩了，不過概率極低，推薦使用。

緩存文件

這個主要是靠后端來設(shè)置過期時間。前端的話，有一個HTML5的manifest來使用離線應(yīng)用緩存，這種技術(shù)基本就是讓你提供一個清單文件列出需要緩存的資源，然后在HTML標(biāo)簽上添加 manifest='xxxxx.manifest' 來聲明。
具體的用法及信息可以訪問 https://www.w3.org/TR/2015/WD-appmanifest-20151124/

想要使用最新的被緩存的內(nèi)容的時候，可以給文件加上時間戳來解決。

合并CSS、JS(合并與壓縮)

合并這些文件的原因當(dāng)然是減少HTTP請求，現(xiàn)代前端開發(fā)中基本都會用到一些自動化工具來完成，gulp啊，webpack啊，grunt啦等等都可以做到。JS的壓縮通過這些工具也都可以完美的做到，壓縮之后的文件會減少很多的文件大小。

盡量使用外部JS與css

將CSS與js放在外部文件中，可以方便的對他們進行緩存與修改，HTML文件尺寸也會變小，加上緩存之后重新加載頁面速度也會更快。

拋棄CSS表達式

CSS表達式早就被拋棄了，反正我到現(xiàn)在也沒用過。。。。
要做一些計算啥的，less啊，sass啊這類預(yù)編譯CSS的很不錯。

GZIP壓縮

相當(dāng)有用的服務(wù)器壓縮方式啊，尤其是在做SPA應(yīng)用的時候，GZIP的壓縮真的可以大幅度加快應(yīng)用的加載時間，當(dāng)然這個也是在服務(wù)器上操作的。

待續(xù)