如(rú)何讓網站(zhàn)的(de)α®訪問(wèn)速度變快(kuài)
了(le)解過SEO的(de)朋(péng)友(yǒu)都(dōu)清β®δ☆楚,網站(zhàn)的(de)訪問(wèn)速度ε∞"也(yě)能(néng)直接影(yǐng)響到(dào)SEO的(de)φ結果。但(dàn)是(shì)這(zhè)前我們ε™÷很(hěn)多(duō)朋(péng)友(yǒu)都(dōu)以為(w≠β✘èi)網站(zhàn)打開(kāi)速度慢(m¥™€àn)都(dōu)是(shì)服務器(qì)的(de)問(wèn)題,其≈<>₹實服務器(qì)隻是(shì)其中最常見γ±(jiàn)的(de)原因之一(yī)。前面紅(h≤↔óng)濤在:網站(zhàn)服務器(qì)對(duì)SEO影(ΩΩ↓yǐng)響有(yǒu)多(duō)大(dà) 一(yī)文(wén)有(yβ®✘ ǒu)提到(dào)服務器(qì)的(de)重要(yào)性。今天紅(h><óng)濤來(lái)分(fēn)享一(yī)下(xià)還(h₽λ≠ái)有(yǒu)哪些(xiē)方法可(kě)以盡可(kě)以π¶能(néng)的(de)讓我們網站(zhàn)打開(kāi)速度更快(β$α₹kuài):
一(yī)、修改圖片的(de)樣式(壓∏♠縮圖片)
我并沒有(yǒu)用(yòng)什(shén)麽高(g¥©δāo)深的(de)壓縮工(gōng)具,隻是(shì)用(yòn ¥♥g)Fireworks CS4批量處理(lΩ$ǐ)了(le)圖片(沒有(yǒu)改變文↔π(wén)件(jiàn)類型),原來(lái)網站(zhàn)£••&的(de)主題的(de)所有(yǒu)樣式圖片有(yǒu)195KB,Ω© 優化(huà)後就(jiù)減少(shǎo)了(le)54.94KB。而且優±α★♠化(huà)後的(de)圖片,肉眼根本看(kàn)不(b≈ ù)出什(shén)麽明(míng)顯的(de♣♠λ)區(qū)别。
二、啓動gzip 壓縮
由于我們很(hěn)多(duō)朋(péng)'β♥∑友(yǒu)使用(yòng)的(de)虛拟主機(jī),并沒有(yǒuσ®¶)配置服務器(qì)開(kāi)啓gzip的(♥×de)權限。我隻能(néng)依靠Wordpress 的(de)插件(jiࣕn) GZIP Output來(lái)實現(xiàn)。
但(dàn)是(shì),GZIP Output ☆✔隻能(néng)對(duì)于php 文(wén)件(jiàn)進行(xí×↑™ng)壓縮,對(duì)于大(dà)部頭的(de)CSS、JS 文(₩↔£wén)件(jiàn)都(dōu)無法處理(lǐ)。我又(ε£&yòu)下(xià)載安裝了(le)WP CSS£'σ 和(hé)WP JS 插件(jiàn)想分(fē₽γ≥n)别對(duì)CSS 和(hé) JS 文(wén)件(jiàn)進←↔ 行(xíng)壓縮。不(bù)過,WP JS這 σ₩™(zhè)個(gè)插件(jiàn)我沒搞懂'α(dǒng)怎麽用(yòng),WP CSS 倒是(shì)應用(yòβ÷©ng)成功了(le)。網站(zhàn)主題樣式¥♣ <表文(wén)件(jiàn)從(cóng←☆)原來(lái)的(de)23.5KB 變成了★←(le)8.1KB,單就(jiù)首頁來(lái)說(shuō)又(yòuλ&™€)減少(shǎo)了(le)15.4KB。
三、js的(de)調用(yòng)
為(wèi)了(le)對(duì)網站(zhàn)速度優©≈§化(huà),我們可(kě)以将ASP、≈≠ASPX、PHP等文(wén)件(jiàn)的(de)訪問(wèn↑£® )改成JS的(de)引用(yòng),建議(yì)可(kě)以在 ™λ程序中讓數(shù)據生(shēng)成到(dào)一(yī) ♠ →個(gè)1.js文(wén)件(jiàn)中♥≈←§ 去(qù),然後用(yòng)首頁代碼來(lái)引用(yòng δΩ)這(zhè)個(gè)文(wén)件(jiàn),這(zhè)樣>♦®±不(bù)但(dàn)能(néng)減少(shǎo)服務器 λ(qì)資料的(de)浪費(fèi),而且能(néng)提高(g≥✘āo)網站(zhàn)的(de)浏覽速度,如(r♦↑₹ú)果能(néng)大(dà)量的(de)引用≤σ(yòng)JS,讓JS在後台自(zì)動生(sh♦'↓ēng)成的(de)話(huà),那(nà)麽 就(jiù)能(néng)達到☆≠λε(dào)對(duì)網站(zhàn)速度優化(huàπ≠)的(de)目的(de)了(le)。但(dàn)為(wèi∞♥₩₩)了(le)考慮到(dào)SEO因素,盡可(kě♣β☆<)能(néng)的(de)少(shǎo)調用(yòng)JS,₹α±最好(hǎo)把一(yī)些(xiē)較長(chángγ∏)的(de)特效JS用(yòng)封裝形式調用(yòng)δ×。
四、使用(yòng)iframe嵌套
網站(zhàn)中有(yǒu)大(dà)量的(de≥™φ≤)廣告的(de)話(huà),那(nà)麽就(←™jiù)用(yòng)iframe把!建議(yì)将廣告↕<代碼放(fàng)到(dào)一(yī)個(gè)頁面♠ £®,然後在首頁将代碼嵌入,這(zhè)樣就(♦Ω'jiù)不(bù)會(huì)因為(wèi)廣告降低(dī)網站(zhàn¥π)的(de)打開(kāi)速度了(le),這(zhè)是(shì)≥™÷ 網站(zhàn)速度優化(huà)的(de)不 '₹δ(bù)錯(cuò)的(de)方法。
五、生(shēng)成靜(jìng)态頁面πβ
衆所周知(zhī),ASP、PHP、JSP、.NET等程序實現(xià<<£n)了(le)網頁信息的(de)動态交互,運行(&±xíng)起來(lái)的(de)确非常方便,因為(wèi)δ→它們的(de)數(shù)據交互性好(hǎo)π→,能(néng)很(hěn)方便地(dì)存取✔ φ 、更改數(shù)據庫的(de)內(nèi)容,使網站(zhàn)“動”起來™♦£♦(lái),但(dàn)是(shì)這(zhè"¥♦∏)類程序必須先由服務器(qì)執行(xíng)處理($α<™lǐ)後,生(shēng)成HTML頁面。
六、統計(jì)代碼
為(wèi)了(le)對(duì)網站(zhàn)速度優化(±÷ huà),我們必須避免統計(jì)代碼無法打開(kāi)時≥"(shí)對(duì)網站(zhàn)的(de)影(yǐng)響。建議(yì↕∏σ®)把統計(jì)代碼放(fàng)在最下(xià)方的(de)獨≤↓立的(de)table或div中。這(zhè)樣當λ 統計(jì)代碼無法訪問(wèn)的(de)時(shí)∑♠<候你(nǐ)的(de)網站(zhàn)速度也(yěΩδ&)不(bù)會(huì)受到(dào)影(₩$↓yǐng)響,最終達到(dào)對(duì)網站(zhàn)速度優化(α↓↕§huà)的(de)目的(de)。
七、友(yǒu)情鏈接的(de)學問(wèn)
網站(zhàn)與網站(zhàn)之↓α∏間(jiān)互相(xiàng)做(zuò)鏈接可(kě)以♠≤Ω增加網站(zhàn)的(de)宣傳效果,做(zuò)Ω↓LOGO圖片鏈接更能(néng)準确地(dì)描述網站(zh ←àn)的(de)主題和(hé)定位,宣傳效↔≈果會(huì)大(dà)大(dà)的(de)增強,÷γδ但(dàn)圖片鏈接做(zuò)得(de)太 多(duō),必©'★然會(huì)影(yǐng)響網頁的(de) 顯示×£←速度。因此,做(zuò)友(yǒu)情鏈接時(shí)應盡量做(zuò)到"∑(dào):1.隻做(zuò)文(wén)字鏈接:做(zuò)文(wπén)字鏈接是(shì)不(bù)會(huì₽₩©)延遲網頁速度的(de)。2.将所有(yǒ↓≈ u)鏈接放(fàng)到(dào)一(yī)個(gè)獨立的(de)分(fē™λβn)頁去(qù),然後在首頁鏈接上(shàng)該 頁ε ®∞。3.如(rú)果友(yǒu)情鏈接一(y★↓ī)定要(yào)出現(xiàn)在首頁,請(qǐng)将鏈接所在的φ→♠∞(de)整個(gè)Table放(fàng)到(dào)頁面的(↓←₽§de)最下(xià)方,因為(wèi)頁面是(s♦≤↓"hì)由上(shàng)到(dào)下(xià) δ∑逐行(xíng)顯示的(de),将其放(fàng)到(dào↓♠φ )頁面的(de)最下(xià)方,不(bù)會(h≈uì)延遲 其他(tā)內(nèi)容的(de)顯示。4.友(yǒu)£∑<情鏈接的(de)LOGO圖片先下(xià)載後再傳到(dào)₩÷•自(zì)己的(de)網頁空(kōng)間(jiānβε),這(zhè)樣,速度由自(zì)己的(de)★<Ω網站(zhàn)空(kōng)間(jiān)決定而不(bù♦§)受友(yǒu)情網站(zhàn)的(de)影(yǐng)響。
八、減少(shǎo)不(bù)必要(yào)的(ππ₽de)頁面元素
當然裡(lǐ)說(shuō)的(de)頁×↓→機(jī)元素包括:網站(zhàn)代碼的(de)精簡、網站(zhàn)哪些≤∞™(xiē)元素可(kě)要(yào)可(kě)不(bù)要(yào)的₹ (de)盡量去(qù)掉(如(rú)一(yī)些(xiē)•∏←¥沒有(yǒu)用(yòng)的(de)圖&£片)。
九、把樣式表放(fàng)到(dào)頂部
我們發現(xiàn)把css放(fàng"≠)到(dào)文(wén)檔頭部會(huì)讓網頁加載得(de)→¶更快(kuài)。因為(wèi)這(zhè)樣可(kě)以讓頁™↑面逐漸加載。
把樣式表放(fàng)到(dào)接近(jìn$£↔)底部的(de)問(wèn)題是(shì)它阻止了(le)頁面元素"÷£±的(de)逐漸顯示。這(zhè)樣還(hái)會"≥(huì)導緻“flash of unstyled content”§₩ 即在樣式表加載之前頁面內(nèi)容是(shì)以沒有(yǒu)≈↓樣式的(de)形式顯示出來(lái)的(de)δ',待加載完樣式後,頁面重繪,內(nèi)容一(yī)閃即改變了(le)樣式"♣♣表現(xiàn)。
當然以上(shàng)隻是(shì)一(yī)些(xiē↓↑)常見(jiàn)的(de)方法,不(bù)一(yī)定百分(fē ↑✘n)之百完整。可(kě)能(néng)還(hái)有(yǒu)很₽♦(hěn)多(duō)其它的(de)好(h♠®φǎo)方法,以後也(yě)希望大(dà)家(jiεσβā)補充。


