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

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

壓縮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％，特別在大的文件上這是很有幫助的。雖然Page Speed 在其壓縮器內(nèi)有一個(gè)相關(guān)設(shè)置，最大的壓縮可以使你贏得最大的儲(chǔ)存量。

壓縮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í)間越長(zhǎng)。

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

優(yōu)化圖片

這也是一個(gè)通常被忽視的。如果你的網(wǎng)站有很多或大的圖片，那么它們將需要時(shí)間來載入。知道以哪種文件類型保存圖片是成功的一半。在Photoshop或Fireworks，圖像導(dǎo)出向?qū)?huì)告訴你什么文件的大小將在字節(jié)或千字節(jié)內(nèi)。簡(jiǎn)單的圖像往往是在PNG格式內(nèi)更小，而更復(fù)雜的圖像往往是JPG更好。也有根據(jù)不同程度的質(zhì)量而異的情況。

避免不良的CSS

CSS簡(jiǎn)單易學(xué)但很難掌握，對(duì)于學(xué)習(xí)如何寫出更好的CSS，這里有一些很好的網(wǎng)站，你或你的開發(fā)人員都應(yīng)該看看，這甚至值得每個(gè)人學(xué)習(xí)。

啟用壓縮

你還可以啟用gzip或在你的服務(wù)器上壓縮，這將減少正發(fā)送給訪客的HTML文件，CSS大小等。再次強(qiáng)調(diào)，更小的文件大小等于快速載入時(shí)間。

使用一個(gè)CDN

CDN是一種在你的網(wǎng)站上展示媒體的奇妙而廉價(jià)的方式。這并不是讓你的網(wǎng)站發(fā)送圖片，例如發(fā)送給訪問者，而是從一個(gè)類似于亞馬遜S3服務(wù)的CDN上加載它們，從而卸下你服務(wù)器上的負(fù)載，使其能夠?yàn)楦嗟脑L客服務(wù)。

使用緩存系統(tǒng)

近來幾乎所有網(wǎng)站都使用數(shù)據(jù)庫，電子商務(wù)網(wǎng)站和博客是這方面最好的例子。正如之前所說，你對(duì)每個(gè)服務(wù)器的每一個(gè)請(qǐng)求，減緩了網(wǎng)頁加載速度，而數(shù)據(jù)庫也正是如此。每次加載頁面時(shí)，數(shù)據(jù)庫的信息被請(qǐng)求然后反饋給訪問者。

在試圖滿足每一個(gè)請(qǐng)求的負(fù)荷下，服務(wù)器每秒只能處理一定量的請(qǐng)求，而這正是緩存系統(tǒng)需要發(fā)揮作用的。

緩存系統(tǒng)將每小時(shí)一次地調(diào)用和“保存”結(jié)果信息，每個(gè)訪客將得到保存的版本，直到它再次更新，這是像Facebook這種要應(yīng)付它們的數(shù)據(jù)庫每秒得到的數(shù)以百萬計(jì)的請(qǐng)求得到他們的數(shù)據(jù)庫每秒鐘處理的網(wǎng)站原則上的方式。

這種戰(zhàn)術(shù)通常只需要中等至較大的網(wǎng)站，但是如果你使用預(yù)建如WordPress或Magento安裝包，那么你可以很容易地實(shí)現(xiàn)緩存。

WordPress

筆者最喜歡的緩存插件WordPress是一種超高速緩存插件。只需五分鐘的安裝/配置時(shí)間，就將幫助你處理大量的流量和流量峰值。另外，還有許多類似于Wordpress的其它緩存插件也能保證快速搜索。

電子商務(wù)

大多數(shù)電子商務(wù)包內(nèi)置高速緩存，例如Magento就有一個(gè)很好的內(nèi)置緩存系統(tǒng)。如果你已經(jīng)建立自己的電子商務(wù)軟件，并發(fā)現(xiàn)它加載很慢，那么你應(yīng)該考慮應(yīng)用一個(gè)像memcache一樣的緩存系統(tǒng)。

寫出良好的代碼

這一點(diǎn)似乎是顯而易見的，但寫出本身不需要重復(fù)的干凈代碼可以使你的網(wǎng)站快得多。如果上述沒有一個(gè)方法加快你網(wǎng)站速度的話，假如你有自定義的軟件，那么它可能非常值得移入一個(gè)預(yù)先建立的解決方案或重建系統(tǒng)。

不管你網(wǎng)站前端所做的努力有多好。后端不良的優(yōu)化代碼必然會(huì)減慢網(wǎng)站的速度。

檢查你的硬件

如果你使用諸如WordPress的預(yù)建軟件，那么你只需要更新。開發(fā)商常常會(huì)寫出更高效的代碼，并解決了很多問題。如果你使用的是舊版本，那么你就不會(huì)受益于它們的改進(jìn)。

當(dāng)你升級(jí)的時(shí)候請(qǐng)注意，首先要在一個(gè)單獨(dú)的服務(wù)器對(duì)升級(jí)進(jìn)行測(cè)試。不要只升級(jí)你的在線網(wǎng)站而希望程序不會(huì)中止，事實(shí)證明，這是經(jīng)常發(fā)生的。