如何優(yōu)化網(wǎng)站加載時(shí)間

眾所周知，網(wǎng)頁的速度已成為影響搜索引擎排名的重要因素。隨著超高速寬帶使用人群的日漸龐大，加載速度慢的網(wǎng)站形勢緊張。在這里，筆者將針對(duì)如何優(yōu)化網(wǎng)站加載時(shí)間，分享一些實(shí)際的意見。

需要使用的工具

據(jù)筆者發(fā)現(xiàn)，最簡單的工具是YSlow和Firefox/ Firebug的網(wǎng)頁速度插件。

一旦你已安裝這些，就準(zhǔn)備好進(jìn)行下一步了。通過火狐瀏覽器進(jìn)入你想要優(yōu)化的網(wǎng)站，點(diǎn)擊添加欄中Firebug的圖標(biāo)（如下所示），從而打開 Firebug控制臺(tái)，然后點(diǎn)擊網(wǎng)頁的速度選項(xiàng)卡，其次是分析性能選項(xiàng)卡，在幾秒鐘內(nèi)你會(huì)得到一個(gè)100以外的分?jǐn)?shù)。這樣做的目的是，獲得一個(gè)分?jǐn)?shù)使其越 接近100越好。而之前你的分?jǐn)?shù)大概已經(jīng)在70/80周圍。

使用這些工具，筆者已經(jīng)使自己的一個(gè)網(wǎng)站分?jǐn)?shù)達(dá)到90/100，擁有更快的載入時(shí)間。

Page Speed插件的便捷之處在于，如果你點(diǎn)擊進(jìn)入某個(gè)區(qū)域，它將給你提供額外的信息，而且此區(qū)域會(huì)以不同顏色的編碼來指示其好壞，紅色代表很差，黃色代表還好，綠色代表非常好。

你所能做的

壓縮CSS

CSS（層疊樣式表，使你網(wǎng)站美觀的文件）經(jīng)常被忽視。任何合理的網(wǎng)站，CSS文件都可以有成百上萬行的代碼，每個(gè)標(biāo)簽、空間、額外的逗號(hào)、換行和代碼注釋使你的文件大小增加。雖然它使人們編碼時(shí)更容易，但卻可以減緩你的網(wǎng)站速度。

對(duì)此的解決方法是為開發(fā)人員的工作保持原始副本，然后為網(wǎng)站縮減代碼（刪除所有不必要的），這樣可以平均節(jié)省達(dá)到20-30％，特別在大的文件上這是很有幫助的。

壓縮JavaScript

同樣，許多人忘記壓縮JavaScript，所有這些空間加起來，在大文件上可以使用大量的空間，更因此現(xiàn)今如jQuery和MooTools的JavaScript庫已十分普遍。

PageSpeed也在壓縮器內(nèi)有相關(guān)設(shè)置。

減少文件請(qǐng)求

網(wǎng)站向服務(wù)器獲取文件的每一個(gè)請(qǐng)求都會(huì)使加載網(wǎng)頁的速度變慢，所以請(qǐng)求越多速度越慢。

當(dāng)你（或你的團(tuán)隊(duì)）建立一個(gè)網(wǎng)站時(shí)，要考慮哪里可以避免使用圖像而造成影響， 建議使用CSS來取代。舉幾個(gè)小的例子，就如漸變，按鈕，圓角等等，還有更多，所有這些都可以用CSS來實(shí)現(xiàn)。

這也包括你對(duì)CSS和JavaScript文件發(fā)出的請(qǐng)求�？紤]以下幾點(diǎn)：

你可以看到有很多JavaScript文件的請(qǐng)求，所有這些都可以合并成一個(gè)請(qǐng)求一次的單一文件。

利用瀏覽器緩存

你不僅可以最大限度地減少文件，也可以使用用戶瀏覽器緩存（或下載并使用一個(gè)本地副本），而不是每次重裝文件。這節(jié)省了請(qǐng)求，也使得對(duì)回訪者的載入更快。

看看谷歌的頁面緩存：http://code.google.com/speed/page-speed/docs/caching.html

重定向最小化

重定向需要時(shí)間。你花費(fèi)時(shí)間越多，用戶到達(dá)你重定向頁面的時(shí)間越長。

無論何時(shí)何地盡量避免使用它們。

優(yōu)化圖片

這也是一個(gè)通常被忽視的。如果你的網(wǎng)站有很多或大的圖片，那么它們將需要時(shí)間來載入。知道以哪種文件類型保存圖片是成功的一半。在Photoshop或Fireworks，圖像導(dǎo)出向?qū)��?huì)告訴你什么文件的大小將在字節(jié)或千字節(jié)內(nèi)。

簡單的圖像往往是在PNG格式內(nèi)更小，而更復(fù)雜的圖像往往是JPG更好。也有根據(jù)不同程度的質(zhì)量而異的情況。

服務(wù)器租用/服務(wù)器托管中國五強(qiáng)！虛擬主機(jī)域名注冊頂級(jí)提供商！15年品質(zhì)保障！--億恩科技[ENKJ.COM]