網(wǎng)站的拜訪速度和性能對(duì)用戶體驗(yàn)來(lái)說(shuō)是非常重要的。假如你的網(wǎng)站拜訪非常的慢，你不僅會(huì)失去用戶，并且更可怕的是你會(huì)失去潛在的客戶。像Google這樣的互聯(lián)網(wǎng)巨子也會(huì)把網(wǎng)站拜訪速度作為排名的一個(gè)參數(shù)。因而當(dāng)你需求優(yōu)化網(wǎng)站速度時(shí)，你需求考慮方方面面，每個(gè)毫秒。這里對(duì)改進(jìn)網(wǎng)站性能提出一些基礎(chǔ)和普遍的主張。
1、假如或許的話，推遲加載一些內(nèi)容
能夠運(yùn)用Ajax來(lái)按需加載部分內(nèi)容。比方一個(gè)相冊(cè)，能夠在用戶瀏覽頁(yè)面時(shí)先出縮略圖，當(dāng)用戶點(diǎn)擊了，然后異步請(qǐng)求原圖并展現(xiàn)，這樣用戶假如只需求看幾張圖片，就不需求等候一切圖片都加載下來(lái)。這種開發(fā)模式叫做推遲加載。
Ajax/Web開發(fā)類庫(kù)如jQuery，Prototype，與及MooTools能夠使得推遲加載更容易實(shí)現(xiàn)。
2、運(yùn)用外部JS和CSS文件
當(dāng)用戶第一次加載網(wǎng)頁(yè)時(shí)，瀏覽器會(huì)緩存住外部的CSS和JavaScript文件，所以將javascript和CSS放到外部文件比內(nèi)聯(lián)的會(huì)好。
運(yùn)用內(nèi)聯(lián)CSS還會(huì)添加網(wǎng)頁(yè)的烘托時(shí)刻，讓一切款式都界說(shuō)在你的主CSS文件中使得瀏覽器烘托頁(yè)面時(shí)少做一些工作，由于它一開始就知道一切需求運(yùn)用的款式規(guī)則。另外運(yùn)用外部javascript和css文件也有助于保護(hù)代碼。
3、運(yùn)用緩存體系
假如你發(fā)現(xiàn)網(wǎng)站總是連接數(shù)據(jù)庫(kù)來(lái)查詢產(chǎn)生出同樣的結(jié)果，或許就需求運(yùn)用緩存體系了。運(yùn)用緩存的話，只需求生成一次特定的內(nèi)容而不需求用戶每次拜訪的時(shí)候都去生成。緩存體系也會(huì)依據(jù)配置周期性的刷新緩存。你能夠生成靜態(tài)HTML頁(yè)，以減小服務(wù)器腳本執(zhí)行的開消，或者運(yùn)用數(shù)據(jù)庫(kù)和服務(wù)端腳本緩存體系，比方PHP的加速器，memcached等。
4、避免在html中改動(dòng)圖片巨細(xì)
假如一張圖片原本是1280*900px的，可是你需求它顯現(xiàn)為400*280px的，你應(yīng)該用圖片編輯器，如Photoshop來(lái)改動(dòng)它的巨細(xì)，而不是運(yùn)用HTML的width和height特點(diǎn)。
5、不要運(yùn)用圖片來(lái)展現(xiàn)文字
圖片中的文字不但對(duì)用戶不友好（無(wú)法仿制等），對(duì)SEO也沒有好處，并且運(yùn)用圖片來(lái)顯現(xiàn)文字會(huì)添加頁(yè)面加載時(shí)刻。假如你需求在網(wǎng)站中運(yùn)用許多自界說(shuō)的字體，能夠考慮運(yùn)用CSS的@font-face特性去更有功率地展現(xiàn)特定字體。
6、運(yùn)用正確的文件格局來(lái)優(yōu)化圖片巨細(xì)
通過(guò)選擇正確的力圖片格局，你能夠在不丟失圖片質(zhì)量的情況下優(yōu)化圖片巨細(xì)。例如，除非你需求PNG提供的圖片透明，不然JPG一般來(lái)說(shuō)能夠在較小的文件情況下逼真地顯現(xiàn)圖片。
7、優(yōu)化寫代碼的方式
檢查你的源代碼，看看是否一切標(biāo)簽都是需求的，或是可不能夠用CSS來(lái)替代。有效的書寫代碼不但減小HTML和CSS文件的巨細(xì)，也能便利保護(hù)。
8、在文檔的最終加載javascript
一切scripts都在頁(yè)面最終加載會(huì)比一開始就加載好，它能夠讓瀏覽器在加載javascript前烘托一切東西。瀏覽器在javascript下載完之前堵塞下面的內(nèi)容的加載。假如能夠的話，盡量將javascript放在緊挨著body結(jié)束標(biāo)簽的地方。
9、運(yùn)用內(nèi)容分發(fā)網(wǎng)絡(luò)（Content Delivery Network，CDN）
網(wǎng)站的速度和用戶相對(duì)于服務(wù)器的位置有很大的聯(lián)系。將內(nèi)容分發(fā)到不同的地理位置或許能夠緩解這個(gè)問(wèn)題。運(yùn)用CDN或許會(huì)添加費(fèi)用，可是收益也是很明顯的。
10、優(yōu)化網(wǎng)頁(yè)緩存
既然運(yùn)用了緩存體系，你應(yīng)該運(yùn)用盡或許多的緩存技術(shù)。網(wǎng)頁(yè)緩存是瀏覽器端對(duì)文件做的緩存，然后供用戶之后的拜訪。瀏覽器能夠緩存的內(nèi)容包含CSS文件，javascript文件和圖片。
除了把多個(gè)頁(yè)面都用到的CSS和javascript放在一個(gè)外部文件以外，還有許多方法來(lái)保證文件緩存起到最大的效果。例如你能夠設(shè)置HTTP響應(yīng)頭為Expires和Last-Modified來(lái)削減用戶重新拜訪你網(wǎng)站時(shí)特定文件重新下載的次數(shù) |
咨詢服務(wù)熱線：400-099-8848
