如何對(duì)網(wǎng)站訪(fǎng)問(wèn)速度進(jìn)行優(yōu)化?怎樣優(yōu)化自己的網(wǎng)站排名 發(fā)布時(shí)間:2015-11-21 02:32:46 |
搜索引擎優(yōu)化網(wǎng)頁(yè)打開(kāi)的最佳 速度:2秒!網(wǎng)頁(yè)內(nèi)容所包括的文本、產(chǎn)品的圖片、視頻、Flash文件等。 網(wǎng)頁(yè)優(yōu)化是指在設(shè)計(jì),使用網(wǎng)頁(yè)各元素時(shí),能夠盡量減少網(wǎng)頁(yè)元素對(duì)下載速度所產(chǎn)生的影響。這些細(xì)節(jié)我們了解后,是能在日常網(wǎng)頁(yè)制作中可以進(jìn)行避免的。我們有一個(gè)網(wǎng)頁(yè)訪(fǎng)問(wèn)的時(shí)間計(jì)算公式:網(wǎng)頁(yè)打開(kāi)時(shí)間=網(wǎng)頁(yè)內(nèi)容大小/最小帶寬+解析次數(shù)*每次解析時(shí)間+服務(wù)器處理時(shí)間+客戶(hù)端解析時(shí)間。用戶(hù)最滿(mǎn)意的打開(kāi)網(wǎng)頁(yè)時(shí)間,是在2秒以下。用戶(hù)能夠忍受的最長(zhǎng)等待時(shí)間的中位數(shù),在 6-8秒之間。這就是說(shuō),8秒是個(gè)臨界值,如果你的網(wǎng)站打開(kāi)速度在8秒以上,那么很可能,大部分訪(fǎng)問(wèn)者最終都會(huì)離你而去。
1、利用瀏覽器緩存你的 js 和 CSS 文件: 在網(wǎng)站根目錄 .htaccess 中加入以下代碼 ExpiresActive on ExpiresDefault “access plus 1 year” 這段代碼的意思是對(duì) jpg|gif|png|css|js 發(fā)送 header 緩存頭,進(jìn)行一年的緩存、在瀏覽器不使用 ctrl+F5 強(qiáng)制刷新時(shí),會(huì)一直緩存到時(shí)間時(shí)間結(jié)束,唯一遺憾的是如果你更改了js或者css文件必須把以前的路徑或者文件名更改,可以這樣 base.js?ver=(x) 這種方式下次瀏覽器就會(huì)自動(dòng)讀取并緩存。 2、把你的 .js 庫(kù)文件地址替換成 Google CDN的地址: 隨著 jquery 和 mootools 等js庫(kù)的使用需要加載的.js文件越來(lái)越多也越來(lái)越大,通常傳統(tǒng)的網(wǎng)站是上傳到網(wǎng)站本身的目錄。但對(duì)于一個(gè)接近70多KB的jquery.js體積確實(shí)不利于網(wǎng)站響應(yīng)速度的提升,此時(shí)就應(yīng)該使用Google API 。 例如:把你的 http://www.***.cn/jquery.x.x.js 替換為 http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js,其意義在于當(dāng)一個(gè)用戶(hù)訪(fǎng)問(wèn)過(guò)使用 google api 的網(wǎng)站之后,再次訪(fǎng)問(wèn)其他調(diào)用了該api地址的網(wǎng)站就不需要再次加載該文件了。從而達(dá)到提速的目的。 不單是jquery庫(kù),其他諸如mootools yui 也可以使用這種方式。 3、精簡(jiǎn)和優(yōu)化你的 js 和 CSS: 雖然有了緩存和gzip保駕護(hù)航,但是對(duì)于 js 和 css 的優(yōu)化卻也是必須的。我們寫(xiě)的javascript腳本和 css 代碼都是經(jīng)過(guò)縮進(jìn)和換行的,適合人類(lèi)閱讀,但是瀏覽器執(zhí)行這些腳本不并需要這些無(wú)意義的空格和換行。所以我們應(yīng)該去除這一些空格換行,甚至縮短 javascript 和 css 里面的變量。諸如此類(lèi)的優(yōu)化工具有 YUI Compressor 和 Closure Compiler 。這兩個(gè)工具都是基于 java 的,使用應(yīng)該安裝jdk并且設(shè)置 JAVA_HOME 。(對(duì)于非程序員的網(wǎng)站管理員而言確實(shí)有點(diǎn)困難) 此工具可以不用在本地安裝jdk,直接上傳 js 和 css 文件進(jìn)行壓縮,可選擇是采用 YUI Compressor 或 Closure Compiler 。
![]() 4、GZIP 壓縮你的 JS 和 CSS 文件: 壓縮js和css可以通過(guò)服務(wù)器動(dòng)態(tài)腳本進(jìn)行也可以更簡(jiǎn)單的使用apache服務(wù)器可以在網(wǎng)站根目錄 .htaccess 中加入以下代碼 AddOutputFilterByType DEFLATE text ![]() Header append Vary Accept-Encoding 這段代碼的意思是調(diào)用服務(wù)器的壓縮模塊對(duì)以上文件輸出之前進(jìn)行GZIP壓縮,gzip的壓縮之后所有文件都應(yīng)該能減少30%以上的體積。特別是對(duì)于大量使用js的博客有了gzip保駕護(hù)航之后速度能提高不少。 5、使用css sprites合并圖片 一個(gè)網(wǎng)站經(jīng)常使用小圖標(biāo)和小圖片進(jìn)行美化,但是很遺憾這些小圖片占用了大量的HTTP請(qǐng)求,因此可以采用sprites的方式把所有的圖片合并成一張圖片 ,可以通過(guò)相關(guān)工具在線(xiàn)合并,也可以在ps中合并。
大量使用的圖片和圖標(biāo)雖然可以給網(wǎng)站帶來(lái)美輪美奐的效果,圖文混編更是一種非常絢麗的博文展現(xiàn)方法。可圖片的體積確實(shí)不是很給力,圖片可以說(shuō)是影響網(wǎng)頁(yè)加載速度最大的因素,不管是使用圖片優(yōu)化工具,還是減小圖片大小。在質(zhì)量和文件大小之間必須找到一個(gè)合適的均衡點(diǎn)。jpg是一種有損壓縮格式,而png雖然是無(wú)損的,但缺憾是體積頗大。為了減少圖片體積達(dá)到最快的下載速度,每一張圖片上傳前應(yīng)該優(yōu)化一下體積。廣州萬(wàn)戶(hù)網(wǎng)絡(luò)信息科技有限公司 scwpg.com 主要在網(wǎng)站設(shè)計(jì)過(guò)程當(dāng)中,把內(nèi)部因素做好,想做到讓網(wǎng)站的打開(kāi)速度更加快也就是很簡(jiǎn)單的事,也就能給訪(fǎng)客更好的體驗(yàn)從而提高你網(wǎng)站的整體服務(wù)質(zhì)量才能在搜索引擎中有更出色的排名表現(xiàn)!
|
![]() |
建網(wǎng)站全包套餐:(網(wǎng)站建設(shè)+域名+空間+企業(yè)郵箱)僅需680元!本月特價(jià)名額50名
先設(shè)計(jì)后付款! 贈(zèng)送免費(fèi)網(wǎng)站視頻主持人!

- 數(shù)據(jù)空間
- SQL數(shù)據(jù)空間
- 網(wǎng)站優(yōu)化(套餐)
- 網(wǎng)站優(yōu)化全包套餐(年付)
- 關(guān)鍵詞優(yōu)化套餐,可選(年/季/月)付
- 多引擎(關(guān)鍵詞按天扣費(fèi))
- (百度/360/搜狗/搜搜/有道)按天扣費(fèi)
- 百度(關(guān)鍵詞按天扣費(fèi))
- 百度關(guān)鍵詞按天扣費(fèi)