1.樣式、動(dòng)作、數(shù)據(jù)的分離,采用外部文件的方式引入javascript和css可以縮短加載時(shí)間,而且瀏覽器都會(huì)緩存外部文件。
2.壓縮靜態(tài)資源文件,包括css、javascript和圖片,通常全站都引用相同的css和js,所以壓縮會(huì)較大程度提高網(wǎng)站的性能。圖片的壓縮前后
大小變化是非常明顯的,特別是大圖片(幾M的)位于全站首頁(yè),很有可能導(dǎo)致服務(wù)器掛掉。如果有必要也可以壓縮HTML自身的頁(yè)面。
3.使用良好的結(jié)構(gòu),刪除不必要的html元素,盡量使用css布局來(lái)代替表格布局。
4. 適當(dāng)使用ajax來(lái)加載和刷新局部數(shù)據(jù),使用json而不是xml格式傳輸數(shù)據(jù)。json是一種輕量級(jí)的數(shù)據(jù)交換格,本身就是javascript的子集,操作起來(lái)非常簡(jiǎn)便。
5.
對(duì)資源使用多個(gè)域來(lái)增加鏈接,因?yàn)闉g覽器在單個(gè)域都有并發(fā)連接的數(shù)量限制。如果是多個(gè)獨(dú)立域,那瀏覽器就開(kāi)多個(gè)線程同時(shí)去加載數(shù)據(jù)。圖片服務(wù)器的域名可以
是一些垃圾域名,如:主站www.8qiu.cn 圖片的服務(wù)器的域名可以是www.8qiuimg005.cn。
6. 使用 PNG 格式的圖像,png兼有g(shù)if和jpg的色彩模式,且非常適于網(wǎng)絡(luò)傳輸,但又能保留所有與圖像品質(zhì)有關(guān)的信息的解決方案。
7. 不要加載不需要的資源
8. 瘦身cookie,雖然相對(duì)其他它可能是很小的文件,但是瀏覽器仍然需要下載它們。較大的 cookie 所需的下載時(shí)間更長(zhǎng),進(jìn)而增加了瀏覽器加載網(wǎng)頁(yè)的時(shí)間。
9. httpwatch、httpfox、firefox的工具的使用,查看headers, cookies, caching和 POST提交的數(shù)據(jù),查看js等其他靜態(tài)資源的加載時(shí)間。進(jìn)而做出針對(duì)性的優(yōu)化