優(yōu)化網(wǎng)站性能
日期:2016/1/19 / 人氣:
高性能網(wǎng)站建設(shè)
如果要我來定義,我覺得“高性能網(wǎng)站建設(shè)更多責(zé)任在于網(wǎng)站程序員、前端工程師”,而兩者中又以前端工程師更為專注。有一本書《High Performance Web Sites》,中文版叫《高性能網(wǎng)站建設(shè)指南》,本書另有對其中個別問題深入探究的進(jìn)階篇《Even Faster Web Sites》,中文版《高性能網(wǎng)站建設(shè)進(jìn)階指南》。如果想深入細(xì)致的了然可以看看這兩本書。
所謂的高性能網(wǎng)站建設(shè),其核心一點(diǎn)就是性能,從專業(yè)角度來談,這個性能有兩大影響因素,一是網(wǎng)站建設(shè)性能,二是網(wǎng)站架構(gòu)性能。其中在這一個大段落中,主要概況網(wǎng)站建設(shè)對高性能網(wǎng)站建設(shè)的要素。
提升網(wǎng)站性能準(zhǔn)則建議
減少HTTP請求數(shù)
Image Map
CSS Sprite(CSS貼圖整合/貼圖拼合/貼圖定位)
Inline Image(內(nèi)聯(lián)圖片)
利用多線路CDN
利用HTTP Cache
使用Gzip壓縮
將樣式表置于頁面前部
將腳本置于頁面尾部
避免使用CSS表達(dá)式
將JavaScript與CSS作為外聯(lián)資源
減少DNS查找
使用Keep-Alive保持連接
減少域名
壓縮你的JavaScript
盡量避免重定向
避免URL失效
URL美化
移除重復(fù)的腳本
小心處理ETag
不一致:不同Web服務(wù)器(Apache, IIS等)定義的ETag格式不同
ETag的計算是不穩(wěn)定的(由于考慮過多因素)
在Ajax中利用HTTP Cache
使用性能優(yōu)化插件(如PageSpeed)
優(yōu)化并建立復(fù)用型CSS/JS模塊,最好整理成針對性框架
在以上16條網(wǎng)站性能提升建議中,你需要對相關(guān)術(shù)語了解并掌握,這是一個標(biāo)準(zhǔn)的建議,也是實(shí)踐中被證明有效的。而對于高性能網(wǎng)站建設(shè)來說,這是非常關(guān)鍵的一步。
如果您的合作環(huán)境允許使用CSS3或HTML5的話,那性能的優(yōu)化將會大大提升。
高性能網(wǎng)站架構(gòu)
什么是高性能網(wǎng)站架構(gòu)呢?不管是針對大流量高并發(fā),還是小流量低成本,我們都可以有一個高性能的體現(xiàn)。很多人說小網(wǎng)站,企業(yè)網(wǎng)站這類網(wǎng)站沒必要談高性能,這是不專業(yè)不專注,消極的精神,任何一個應(yīng)用都有其優(yōu)待權(quán),將網(wǎng)站的性能發(fā)揮到最佳應(yīng)是每個專業(yè)技術(shù)人員的追求。
此次關(guān)于高性能網(wǎng)站架構(gòu)中我們主要以服務(wù)端為主,也就是我們要更為重視服務(wù)器端的環(huán)境利用,網(wǎng)絡(luò)中我們總在爭吵關(guān)于IIS、Apache、Nginx中的選擇,而Apache和Nginx最為熱門,我們往往無法認(rèn)定或判斷使用哪一種環(huán)境更高效,因?yàn)檫@需要視使用的程序而定,這沒有絕對性,更具有相對性。
過于累贅的說法我們就不爭論了,我們還是提一些原則吧,長篇大論估計你也懶得看:
合理選擇并設(shè)計數(shù)據(jù)庫
代碼編寫效率與利用
使用壓縮靜態(tài)緩存等反饋數(shù)據(jù)
服務(wù)器平臺的選擇與優(yōu)化
服務(wù)器機(jī)房網(wǎng)絡(luò)選擇
相關(guān)網(wǎng)站性能影響因素差不多就上邊這些,在有限的條件中,實(shí)現(xiàn)最高效穩(wěn)定的網(wǎng)站用戶體驗(yàn),這也許就是高端網(wǎng)站建設(shè)的另一模式。
作者:朋友圈科技
相關(guān)內(nèi)容 Related
- 為什么響應(yīng)式設(shè)計需要媒體查詢2016/8/5
- 虛擬主機(jī)被搜索引擎爬蟲訪問耗費(fèi)大量流量解決方法2016/8/3
- 網(wǎng)站建設(shè)中如何創(chuàng)建完美的顏色組合2016/8/1
- 什么是長尾關(guān)鍵詞?2016/8/1
- 建設(shè)企業(yè)或個人網(wǎng)站的好處2016/7/8
- 前端開發(fā)者需要知道的常識2016/7/6
- 12種方法為您拓展業(yè)務(wù)通道2016/7/27
- SEO優(yōu)化的三大技巧2016/7/24
- 10的方法來提高你的網(wǎng)站設(shè)計2016/7/24
- 網(wǎng)站統(tǒng)計用哪個比較好,百度?cnzz?2016/7/21