1、如果可能的話，延遲加載一些內(nèi)容
可以使用Ajax來(lái)按需加載部分內(nèi)容 。比如一個(gè)相冊(cè)，可以在用戶瀏覽頁(yè)面時(shí)先出縮略圖，當(dāng)用戶點(diǎn)擊了，然后異步請(qǐng)求原圖并展示，這樣用戶如果只需要看幾張圖片，就不需要等待所有圖片都加載下來(lái) 。這種開(kāi)發(fā)模式叫做延遲加載 。
Ajax/Web開(kāi)發(fā)類庫(kù)如jQuery，Prototype，與及MooTools可以使得延遲加載更容易實(shí)現(xiàn) 。
2、使用外部JS和CSS文件
當(dāng)用戶第一次加載網(wǎng)頁(yè)時(shí)，瀏覽器會(huì)緩存住外部的CSS和JavaScript文件，所以將javascript和CSS放到外部文件比內(nèi)聯(lián)的會(huì)好 。
使用內(nèi)聯(lián)CSS還會(huì)增加網(wǎng)頁(yè)的渲染時(shí)間，讓所有樣式都定義在你的主CSS文件中使得瀏覽器渲染頁(yè)面時(shí)少做一些工作，因?yàn)樗婚_(kāi)始就知道所有需要應(yīng)用的樣式規(guī)則 。另外使用外部javascript和css文件也有助于維護(hù)代碼 。
3、使用緩存系統(tǒng)
如果你發(fā)現(xiàn)網(wǎng)站總是連接數(shù)據(jù)庫(kù)來(lái)查詢產(chǎn)生出同樣的結(jié)果，可能就需要使用緩存系統(tǒng)了 。使用緩存的話，只需要生成一次特定的內(nèi)容而不需要用戶每次訪問(wèn)的時(shí)候都去生成 。緩存系統(tǒng)也會(huì)根據(jù)配置周期性的刷新緩存 。你可以生成靜態(tài)HTML頁(yè)，以減小服務(wù)器腳本執(zhí)行的開(kāi)消，或者使用數(shù)據(jù)庫(kù)和服務(wù)端腳本緩存系統(tǒng)，比如PHP的加速器，memcached等 。
4、避免在html中改變圖片大小
如果一張圖片原本是1280*900px的，但是你需要它顯示為400*280px的，你應(yīng)該用圖片編輯器，如Photoshop來(lái)改變它的大小，而不是使用HTML的width和height屬性 。
5、不要使用圖片來(lái)展示文字
圖片中的文字不但對(duì)用戶不友好(無(wú)法復(fù)制等)，對(duì)SEO也沒(méi)有好處，而且使用圖片來(lái)顯示文字會(huì)增加頁(yè)面加載時(shí)間 。如果你需要在網(wǎng)站中使用很多自定義的字體，可以考慮使用CSS的@font-face特性去更有效率地展現(xiàn)特定字體 。
【網(wǎng)站訪問(wèn)速度提高怎么做,提高網(wǎng)站訪問(wèn)速度的十個(gè)技巧？】6、使用正確的文件格式來(lái)優(yōu)化圖片大小
通過(guò)選擇正確的力圖片格式，你可以在不損失圖片質(zhì)量的情況下優(yōu)化圖片大小 。例如，除非你需要PNG提供的圖片透明，否則JPG一般來(lái)說(shuō)可以在較小的文件情況下逼真地顯示圖片 。有很多工具可以用來(lái)進(jìn)一步減小圖片的大小，可以參看這里 。
7、優(yōu)化寫(xiě)代碼的方式
查看你的源代碼，看看是否所有標(biāo)簽都是需要的，或是可不可以用CSS來(lái)代替 。有效的書(shū)寫(xiě)代碼不但減小HTML和CSS文件的大小，也能方便維護(hù) 。
8、在文檔的最后加載javascript
所有scripts都在頁(yè)面最后加載會(huì)比一開(kāi)始就加載好，它可以讓瀏覽器在加載javascript前渲染所有東西 。瀏覽器在javascript下載完之前阻塞下面的內(nèi)容的加載 。如果可以的話，盡量將javascript放在緊挨著body結(jié)束標(biāo)簽的地方 。
9、使用內(nèi)容分發(fā)網(wǎng)絡(luò)-ontent Delivery Network，CDN)
網(wǎng)站的速度和用戶相對(duì)于服務(wù)器的位置有很大的關(guān)系 。將內(nèi)容分發(fā)到不同的地理位置可能可以緩解這個(gè)問(wèn)題 。使用CDN可能會(huì)增加費(fèi)用，但是收益也是很明顯的 。
10、優(yōu)化網(wǎng)頁(yè)緩存
既然使用了緩存系統(tǒng)，你應(yīng)該使用盡可能多的緩存技術(shù) 。網(wǎng)頁(yè)緩存是瀏覽器端對(duì)文件做的緩存，然后供用戶之后的訪問(wèn) 。瀏覽器可以緩存的內(nèi)容包-SS文件，javascript文件和圖片 。
好了，這篇文章的內(nèi)容字條網(wǎng)就和大家分享到這里！
推薦閱讀
- 食品批發(fā)商進(jìn)貨渠道網(wǎng)站,食品批發(fā)商進(jìn)貨渠道網(wǎng)站推薦？
- 引流網(wǎng)站有哪些 ,新手必知的5大吸粉引流平臺(tái)？
- 如何讓網(wǎng)站收錄提交,試試快速收錄提交入口？
- 網(wǎng)站頁(yè)面布局怎么做,6個(gè)設(shè)計(jì)布局示例？
- 網(wǎng)站沒(méi)排名怎么做,網(wǎng)站沒(méi)排名的4個(gè)原因？
- 提燈與地下城官網(wǎng)地址分享 提燈與地下城官方網(wǎng)站在哪里
- 網(wǎng)站訪問(wèn)速度如何提升,提高網(wǎng)站訪問(wèn)速度的十個(gè)技巧？
- 如何seo網(wǎng)站推廣SEO推廣網(wǎng)站的多種方式？
- 購(gòu)物網(wǎng)站如何推廣,購(gòu)物網(wǎng)站如何推廣且精準(zhǔn)營(yíng)銷？
- 轉(zhuǎn)讓店鋪的網(wǎng)站,轉(zhuǎn)讓店鋪的網(wǎng)站有哪些？