1. 首頁
  2. 計算機/網際網路/通訊

網站最佳化的方法有哪些

網站最佳化的方法有哪些

按照一般的情況來看,一個網站的訪問開啟速度的快與慢,全是看這個網站使用的空間配置,要是這個空間主機的配置不錯,你的網站訪問速度就會很。那麼,網站最佳化的方法有哪些呢?下面就和小編一起看看吧!

網站最佳化的方法有哪些

1、利用瀏覽器快取你的 js 和 CSS 檔案:

在網站根目錄 .htaccess 中加入以下程式碼

ExpiresActive on

ExpiresDefault “access plus 1 year”

這段程式碼的意思是對 jpg|gif|png|css|js 傳送 header 快取頭,進行一年的快取、在瀏覽器不使用 ctrl+F5 強制重新整理時,會一直快取到時間時間結束,唯一遺憾的是如果你更改了js或者css檔案必須把以前的路徑或者檔名更改,可以這樣 base.js?ver=(x) 這種方式下次瀏覽器就會自動讀取並快取。

2、把你的 .js 庫檔案地址替換成 Google CDN的地址:

隨著 jquery 和 mootools 等js庫的使用需要載入的.js檔案越來越多也越來越大,通常傳統的網站是上傳到網站本身的目錄。但對於一個接近70多KB的jquery.js體積確實不利於網站響應速度的提升,此時就應該使用Google API 。

不單是jquery庫,其他諸如mootools yui 也可以使用這種方式。

3、精簡和最佳化你的 js 和 CSS:

雖然有了快取和gzip保駕護航,但是對於 js 和 css 的最佳化卻也是必須的。我們寫的javascript指令碼和 css 程式碼都是經過縮排和換行的,適合人類閱讀,但是瀏覽器執行這些指令碼不併需要這些無意義的空格和換行。

所以我們應該去除這一些空格換行,甚至縮短 javascript 和 css 裡面的變數。諸如此類的最佳化工具有 YUI Compressor 和 Closure Compiler 。這兩個工具都是基於 java 的,使用應該安裝jdk並且設定 JAVA_HOME 。(對於非程式設計師的網站管理員而言確實有點困難)

4、GZIP 壓縮你的 JS 和 CSS 檔案:

壓縮js和css可以透過伺服器動態指令碼進行也可以更簡單的使用apache伺服器可以在網站根目錄 .htaccess 中加入以下程式碼:

AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml application/x-javascript application/json

Header append Vary Accept-Encoding

這段程式碼的`意思是呼叫伺服器的壓縮模組對以上檔案輸出之前進行GZIP壓縮,gzip的壓縮之後所有檔案都應該能減少30%以上的體積。特別是對於大量使用js的部落格有了gzip保駕護航之後速度能提高不少。

5、使用css sprites合併圖片

一個網站經常使用小圖示和小圖片進行美化,但是很遺憾這些小圖片佔用了大量的HTTP請求,因此可以採用sprites的方式把所有的圖片合併成一張圖片 ,可以透過相關工具線上合併,也可以在ps中合併。

6、最佳化你網站圖片:

大量使用的圖片和圖示雖然可以給網站帶來美輪美奐的效果,圖文混編更是一種非常絢麗的博文展現方法。可圖片的體積確實不是很給力,jpg是一種有失真壓縮格式,而png雖然是無損的,但缺憾是體積頗大。為了減少圖片體積達到最快的download速度,每一張圖片上傳前應該最佳化它的體積。