咨詢電話: 0592-5506201
網(wǎng)站優(yōu)化

網(wǎng)站設(shè)計之前端網(wǎng)頁設(shè)計優(yōu)化

來源:中信時代網(wǎng)絡(luò)科技 | 作者:admin | 時間:2014-02-16 | 點擊量:2230
按照一般的情況來看,一個網(wǎng)站的訪問打開速度的快與慢,全是看這個網(wǎng)站使用的空間配置,要是這個空間主機(jī)的配置不錯,那么你的網(wǎng)站訪問速度就會很快。其實拋去空間主機(jī)的配置因素不談,我們站長或者seo人員也可以從網(wǎng)頁制作方面著手,從而從現(xiàn)有的資源上提高網(wǎng)站的訪問速度。

  1、利用瀏覽器緩存你的 js 和 CSS 文件:
  在網(wǎng)站根目錄 .htaccess 中加入以下代碼ExpiresActive onExpiresDefault “access plus 1 year”
  這段代碼的意思是對 jpg|gif|png|css|js 發(fā)送 header 緩存頭,進(jìn)行一年的緩存、在瀏覽器不使用 ctrl+F5 強(qiáng)制刷新時,會一直緩存到時間時間結(jié)束,唯一遺憾的是如果你更改了js或者css文件必須把以前的路徑或者文件名更改,可以這樣 base.js?ver=(x) 這種方式下次瀏覽器就會自動讀取并緩存。

  2、把你的 .js 庫文件地址替換成 Google CDN的地址:
  隨著 jquery 和 mootools 等js庫的使用需要加載的.js文件越來越多也越來越大,通常傳統(tǒng)的網(wǎng)站是上傳到網(wǎng)站本身的目錄。但對于一個接近70多KB的jquery.js體積確實不利于網(wǎng)站響應(yīng)速度的提升,此時就應(yīng)該使用Google API 。
  不單是jquery庫,其他諸如mootools yui 也可以使用這種方式。

  3、精簡和優(yōu)化你的 js 和 CSS:
  雖然有了緩存和gzip保駕護(hù)航,但是對于 js 和 css 的優(yōu)化卻也是必須的。我們寫的javascript腳本和 css 代碼都是經(jīng)過縮進(jìn)和換行的,適合人類閱讀,但是瀏覽器執(zhí)行這些腳本不并需要這些無意義的空格和換行。所以我們應(yīng)該去除這一些空格換行,甚至縮短 javascript 和 css 里面的變量。諸如此類的優(yōu)化工具有 YUI Compressor 和 Closure Compiler 。這兩個工具都是基于 java 的,使用應(yīng)該安裝jdk并且設(shè)置 JAVA_HOME 。(對于非程序員的網(wǎng)站管理員而言確實有點困難)此工具可以不用在本地安裝jdk,直接上傳 js 和 css 文件進(jìn)行壓縮,可選擇是采用 YUI Compressor 或 Closure Compiler 。

  4、GZIP 壓縮你的 JS 和 CSS 文件:
  壓縮js和css可以通過服務(wù)器動態(tài)腳本進(jìn)行也可以更簡單的使用apache服務(wù)器可以在網(wǎng)站根目錄 .htaccess 中加入以下代碼AddOutputFilterByType DEFLATE textml text/css text/plain text/xml application/x-javascript application/jsonHeader append Vary Accept-Encoding這段代碼的意思是調(diào)用服務(wù)器的壓縮模塊對以上文件輸出之前進(jìn)行GZIP壓縮,gzip的壓縮之后所有文件都應(yīng)該能減少30%以上的體積。特別是對于大量使用js的博客有了gzip保駕護(hù)航之后速度能提高不少。

  5、使用css sprites合并圖片一個網(wǎng)站經(jīng)常使用小圖標(biāo)和小圖片進(jìn)行美化,但是很遺憾這些小圖片占用了大量的HTTP請求,因此可以采用sprites的方式把所有的圖片合并成一張圖片 ,可以通過相關(guān)工具在線合并,也可以在ps中合并。

  6、優(yōu)化你網(wǎng)站圖片:
  大量使用的圖片和圖標(biāo)雖然可以給網(wǎng)站帶來美輪美奐的效果,圖文混編更是一種非常絢麗的博文展現(xiàn)方法??蓤D片的體積確實不是很給力,jpg是一種有損壓縮格式,而png雖然是無損的,但缺憾是體積頗大。為了減少圖片體積達(dá)到最快的下載速度,每一張圖片上傳前應(yīng)該優(yōu)化一下體積。

 
全國統(tǒng)一服務(wù)咨詢電話:0592-5506201
服務(wù)咨詢及項目合作:info@zxnow.com
大型項目招標(biāo)合作:info@zxnow.com
點擊此處立即在線溝通:[網(wǎng)站建設(shè)業(yè)務(wù)]
點擊此處立即在線溝通:[網(wǎng)站優(yōu)化業(yè)務(wù)]
站點聲明 | 如何合作 | 公司簡介 | 聯(lián)絡(luò)方式
版權(quán)所有:廈門中信時代網(wǎng)絡(luò)科技有限公司 Copyright © 2012-2025   m.hebei999.cn  All Rights Reserved.
總機(jī):0592-5506201 ; 0592-5506216 郵箱:info@zxnow.com 地址:廈門市長青北里106號怡祥大廈1601 您是第1000位來訪者
   閩ICP備09006118號
廈門網(wǎng)站建設(shè) | 廈門網(wǎng)站設(shè)計 | 廈門網(wǎng)站制作 | 廈門網(wǎng)站優(yōu)化 | 廈門微信網(wǎng)站建設(shè) | 友情鏈接加QQ:435276757 |
珠海網(wǎng)站建設(shè) | 長沙網(wǎng)站建設(shè) | 貴陽網(wǎng)站建設(shè) | 旅游網(wǎng)站建設(shè) | 廈門網(wǎng)站設(shè)計 | 廈門網(wǎng)站建設(shè) | 深圳網(wǎng)站設(shè)計 | 深圳網(wǎng)站建設(shè) |
我們在線的時間
9:00-24:00