麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 網站 > 建站經驗 > 正文

提高網站速度的6種網站前端優化方法

2024-04-25 20:30:48
字體:
來源:轉載
供稿:網友

最近有幾個同事開通了個人博客,但卻抱怨說因為的買的虛擬空間,所以個人博客網站打開速度很慢。對于這種現象,按照一般的情況來看,一個網站的訪問打開速度的快與慢,全是看這個網站使用的空間配置,要是這個空間主機的配置不錯,那么你的網站訪問速度就會很快;相反,要是你的空間主機的配置很爛,那么你的網站訪問速度就會很慢。其實拋去空間主機的配置因素不談,我們站長或者seo人員也可以從網頁制作方面著手,從而從現有的資源上提高網站的訪問速度。如果你還不知道如何才能優化網站來提高網站的訪問速度,那就看一下馬海祥博客為你總結出來的六個小技巧吧,希望對你能有所幫助!

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 。

例如:把你的 http://www.***.cn/jquery.x.x.js 替換為 http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js,其意義在于當一個用戶訪問過使用 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服務器可以在網站根目錄 .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雖然是無損的,但缺憾是體積頗大。為了減少圖片體積達到最快的下載速度,每一張圖片上傳前應該優化一下體積。

本文為馬海祥博客原創文章,如想轉載,請注明原文網址摘自于http://www.mahaixiang.cn/wyzz/207.html,注明出處;否則,禁止轉載;謝謝配合!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 精国产品一区二区三区四季综 | 成人午夜高清 | 欧美女孩videos | 成人毛片免费看 | 日韩色视频在线观看 | 久草在线看片 | 国产女做a爱免费视频 | 91久久国产综合精品女同国语 | 国产女厕一区二区三区在线视 | 精品国产欧美一区二区 | 激情久久一区二区 | chengrenzaixian| 视频一区二区三区免费观看 | av国语 | 国产精品免费一区二区 | 日韩黄色免费电影 | 欧美jizzhd极品欧美 | 黄色影院一级片 | 久色网站 | 日韩精品dvd | 91精品最新国内在线播放 | 污片在线观看视频 | 精品亚洲一| 免费一级毛片在线播放不收费 | 亚洲视频综合网 | 久久亚洲精品久久国产一区二区 | fc2国产成人免费视频 | 91精品国产91久久久久久蜜臀 | 久久精品re | www深夜成人 | 免费在线观看成年人视频 | 国产亚洲精品久久久久久网站 | 久久国语对白 | 在线播放中文 | 久久另类视频 | 在线观看中文字幕国产 | 亚洲欧美国产精品va在线观看 | 国产羞羞视频在线观看免费应用 | 蜜桃视频在线观看视频 | 一级片999| 黄色大片免费看 |