提高網站速度的6種網站前端優化方法
最近有幾個同事開通了個人博客,但卻抱怨說因爲的買的虛擬空間,所以個人博客網站打開速度很 慢。對於這種現象,按照一般的情況來看,一個網站的訪問打開速度的快與慢,全是看這個網站使用的空間配置,要是這個空間主機的配置不錯,那麼你的網站訪問 速度就會很快;相反,要是你的空間主機的配置很爛,那麼你的網站訪問速度就會很慢。其實拋去空間主機的配置因素不談,我們站長或者seo人員也可以從網頁 製作方面着手,從而從現有的資源上提高網站的訪問速度。如果你還不知道如何才能優化網站來提高網站的訪問速度,那就看一下馬海祥博客爲你總結出來的六個小 技巧吧,希望對你能有所幫助!
1、利用瀏覽器緩存你的 js 和 CSS 文件:
在網站根目錄 cess 中加入以下代碼
ExpiresActive on
ExpiresDefault “access plus 1 year”
這段代碼的意思是對 jpg|gif|png|css|js 發送 header 緩存頭,進行一年的緩存、在瀏覽器不使用 ctrl+F5 強制刷新時,會一直緩存到時間時間結束,唯一遺憾的是如果你更改了js或者css文件必須把以前的路徑或者文件名更改,可以這樣 (x) 這種方式下次瀏覽器就會自動讀取並緩存。
2、把你的 庫文件地址替換成 Google CDN的地址:
隨着 jquery 和 mootools 等js庫的使用需要加載的文件越來越多也越來越大,通常傳統的網站是上傳到網站本身的目錄。但對於一個接近70多KB的體積確實不利於網站響應速度的提升,此時就應該使用Google API 。
例如:把你的 http:///ajax/libs/jquery/1.4.4/,其意義在於當一個 用戶訪問過使用 google api 的網站之後,再次訪問其他調用了該api地址的網站就不需要再次加載該文件了。從而達到提速的目的。
不單是jquery庫,其他諸如mootools yui 也可以使用這種方式。
3、精簡和優化你的 js 和 CSS:
雖然有了緩存和gzip保駕護航,但是對於 js 和 css 的優化卻也是必須的。我們寫的`javascript腳本和 css 代碼都是經過縮進和換行的,適合人類閱讀,但是瀏覽器執行這些腳本不併需要這些無意義的空格和換行。所以我們應該去除這一些空格換行,甚至縮短 javascript 和 css 裏面的變量。諸如此類的優化工具有 YUI Compressor 和 Closure Compiler 。這兩個工具都是基於 java 的,使用應該安裝jdk並且設置 JAVA_HOME 。(對於非程序員的網站管理員而言確實有點困難)
此工具可以不用在本地安裝jdk,直接上傳 js 和 css 文件進行壓縮,可選擇是採用 YUI Compressor 或 Closure Compiler 。
4、GZIP 壓縮你的 JS 和 CSS 文件:
壓縮js和css可以通過服務器動態腳本進行也可以更簡單的使用apache服務器可以在網站根目錄 cess 中加入以下代碼
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雖然是無損的,但缺憾是體積頗大。爲了減少圖片體積達到最快的下載速度,每一張圖片上傳前應該優化一下體積。
-
《比一比》評課稿
作爲一名教學工作者,就有可能用到評課稿,評課是教學、教研工作過程中一項經常開展的活動。怎樣寫評課稿才更能起到其作用呢?下面是小編爲大家收集的《比一比》評課稿,希望對大家有所幫助。《比一比》評課稿1《語文課程標準》識字教學建議中提出“識字教學要將兒童...
-
(精品)西遊記學生作文
在平凡的學習、工作、生活中,大家都接觸過作文吧,作文是人們把記憶中所存儲的有關知識、經驗和思想用書面形式表達出來的記敘方式。如何寫一篇有思想、有文采的作文呢?下面是小編整理的西遊記學生作文7篇,歡迎大家借鑑與參考,希望對大家有所幫助。西遊記學生作文篇1...
-
西遊記作文[經典8篇]
在平凡的學習、工作、生活中,大家都嘗試過寫作文吧,作文是從內部言語向外部言語的過渡,即從經過壓縮的簡要的、自己能明白的語言,向開展的、具有規範語法結構的、能爲他人所理解的外部語言形式的轉化。寫起作文來就毫無頭緒?以下是小編幫大家整理的西遊記作文8篇,僅...
-
[精選]西遊記作文5篇
無論在學習、工作或是生活中,大家都不可避免地會接觸到作文吧,作文要求篇章結構完整,一定要避免無結尾作文的出現。你知道作文怎樣才能寫的好嗎?以下是小編精心整理的西遊記作文5篇,希望能夠幫助到大家。西遊記作文篇1自從西天取回真經後,唐僧師徒名聲大振,許多高校都...