- 相關(guān)推薦
網(wǎng)站優(yōu)化的方法有哪些
按照一般的情況來(lái)看，一個(gè)網(wǎng)站的訪(fǎng)問(wèn)打開(kāi)速度的快與慢，全是看這個(gè)網(wǎng)站使用的空間配置，要是這個(gè)空間主機的配置不錯，你的網(wǎng)站訪(fǎng)問(wèn)速度就會(huì )很。那么，網(wǎng)站優(yōu)化的方法有哪些呢?下面就和小編一起看看吧!
網(wǎng)站優(yōu)化的方法有哪些
1、利用瀏覽器緩存你的 js 和 CSS 文件：
在網(wǎng)站根目錄 .htaccess 中加入以下代碼
ExpiresActive on
ExpiresDefault “access plus 1 year”
這段代碼的意思是對 jpg|gif|png|css|js 發(fā)送 header 緩存頭，進(jìn)行一年的緩存、在瀏覽器不使用 ctrl+F5 強制刷新時(shí)，會(huì )一直緩存到時(shí)間時(shí)間結束，唯一遺憾的是如果你更改了js或者css文件必須把以前的路徑或者文件名更改，可以這樣 base.js?ver=(x) 這種方式下次瀏覽器就會(huì )自動(dòng)讀取并緩存。
2、把你的 .js 庫文件地址替換成 Google CDN的地址：
隨著(zhù) jquery 和 mootools 等js庫的使用需要加載的.js文件越來(lái)越多也越來(lái)越大，通常傳統的網(wǎng)站是上傳到網(wǎng)站本身的目錄。但對于一個(gè)接近70多KB的jquery.js體積確實(shí)不利于網(wǎng)站響應速度的.提升，此時(shí)就應該使用Google API 。
不單是jquery庫，其他諸如mootools yui 也可以使用這種方式。
3、精簡(jiǎn)和優(yōu)化你的 js 和 CSS：
雖然有了緩存和gzip保駕護航，但是對于 js 和 css 的優(yōu)化卻也是必須的。我們寫(xiě)的javascript腳本和 css 代碼都是經(jīng)過(guò)縮進(jìn)和換行的，適合人類(lèi)閱讀，但是瀏覽器執行這些腳本不并需要這些無(wú)意義的空格和換行。
所以我們應該去除這一些空格換行，甚至縮短 javascript 和 css 里面的變量。諸如此類(lèi)的優(yōu)化工具有 YUI Compressor 和 Closure Compiler 。這兩個(gè)工具都是基于 java 的，使用應該安裝jdk并且設置 JAVA_HOME 。(對于非程序員的網(wǎng)站管理員而言確實(shí)有點(diǎn)困難)
4、GZIP 壓縮你的 JS 和 CSS 文件：
壓縮js和css可以通過(guò)服務(wù)器動(dòng)態(tài)腳本進(jìn)行也可以更簡(jiǎn)單的使用apache服務(wù)器可以在網(wǎng)站根目錄 .htaccess 中加入以下代碼：
AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml application/x-javascript application/json
Header append Vary Accept-Encoding
這段代碼的意思是調用服務(wù)器的壓縮模塊對以上文件輸出之前進(jìn)行GZIP壓縮，gzip的壓縮之后所有文件都應該能減少30%以上的體積。特別是對于大量使用js的博客有了gzip保駕護航之后速度能提高不少。
5、使用css sprites合并圖片
一個(gè)網(wǎng)站經(jīng)常使用小圖標和小圖片進(jìn)行美化，但是很遺憾這些小圖片占用了大量的HTTP請求，因此可以采用sprites的方式把所有的圖片合并成一張圖片 ，可以通過(guò)相關(guān)工具在線(xiàn)合并，也可以在ps中合并。
6、優(yōu)化你網(wǎng)站圖片：
大量使用的圖片和圖標雖然可以給網(wǎng)站帶來(lái)美輪美奐的效果，圖文混編更是一種非常絢麗的博文展現方法�？蓤D片的體積確實(shí)不是很給力，jpg是一種有損壓縮格式，而png雖然是無(wú)損的，但缺憾是體積頗大。為了減少圖片體積達到最快的download速度，每一張圖片上傳前應該優(yōu)化它的體積。
【網(wǎng)站優(yōu)化的方法有哪些】相關(guān)文章：
網(wǎng)站優(yōu)化技巧方法07-16
快速提升網(wǎng)站排名方法的優(yōu)化技巧07-19
男人減肥方法有哪些04-23
心理測試的方法有哪些04-24
閱讀方法有哪些技巧03-30
廣告的調查方法有哪些09-29
正確讀書(shū)的方法有哪些05-10
護理管理方法有哪些07-19
家庭養金魚(yú)的方法有哪些08-04