網(wǎng)頁(yè)有那些講究

2013-04-17 13:12 作者：zhou 瀏覽量：

網(wǎng)頁(yè)有那些講究

1、使用外部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)樗婚_始就知道所有需要應(yīng)用的樣式規(guī)則。另外使用外部javascript和css文件也有助于維護(hù)代碼。
2、使用緩存系統(tǒng)
如果你發(fā)現(xiàn)網(wǎng)站總是連接數(shù)據(jù)庫(kù)來查詢產(chǎn)生出同樣的結(jié)果，可能就需要使用緩存系統(tǒng)了。使用緩存的話，只需要生成一次特定的內(nèi)容而不需要用戶每次訪問的時(shí)候都去生成。緩存系統(tǒng)也會(huì)根據(jù)配置周期性的刷新緩存。你可以生成靜態(tài)HTML頁(yè)，以減小服務(wù)器腳本執(zhí)行的開消，或者使用數(shù)據(jù)庫(kù)和服務(wù)端腳本緩存系統(tǒng)，比如PHP的加速器，memcached等。
3、避免在html中改變圖片大小
如果一張圖片原本是1280*900px的，但是你需要它顯示為400*280px的，你應(yīng)該用圖片編輯器，如Photoshop來改變它的大小，而不是使用HTML的width和height屬性。
4、不要使用圖片來展示文字
圖片中的文字不但對(duì)用戶不友好（無法復(fù)制等），對(duì)SEO也沒有好處，而且使用圖片來顯示文字會(huì)增加頁(yè)面加載時(shí)間。如果你需要在網(wǎng)站中使用很多自定義的字體，可以考慮使用CSS的@font-face特性去更有效率地展現(xiàn)特定字體。
5、使用正確的文件格式來優(yōu)化圖片大小
通過選擇正確的力圖片格式，你可以在不損失圖片質(zhì)量的情況下優(yōu)化圖片大小。例如，除非你需要PNG提供的圖片透明，否則JPG一般來說可以在較小的文件情況下逼真地顯示圖片。
6、在文檔的最后加載javascript
所有scripts都在頁(yè)面最后加載會(huì)比一開始就加載好，它可以讓瀏覽器在加載javascript前渲染所有東西。瀏覽器在javascript下載完之前阻塞下面的內(nèi)容的加載。如果可以的話，盡量將javascript放在緊挨著body結(jié)束標(biāo)簽的地方。
7、優(yōu)化網(wǎng)頁(yè)緩存
既然使用了緩存系統(tǒng)，你應(yīng)該使用盡可能多的緩存技術(shù)。網(wǎng)頁(yè)緩存是瀏覽器端對(duì)文件做的緩存，然后供用戶之后的訪問。瀏覽器可以緩存的內(nèi)容包括CSS文件，javascript文件和圖片。

   --- 版權(quán)最終歸艾銻無限所有http://www.maosdadas.net/ 如需轉(zhuǎn)載，請(qǐng)標(biāo)明出處。