乡下人产国偷v产偷v自拍,国产午夜片在线观看,婷婷成人亚洲综合国产麻豆,久久综合给合久久狠狠狠9

  • <output id="e9wm2"></output>
    <s id="e9wm2"><nobr id="e9wm2"><ins id="e9wm2"></ins></nobr></s>

    • 分享

      網(wǎng)站訪問速度的前端優(yōu)化

       CevenCheng 2011-08-03

      網(wǎng)站訪問速度的前端優(yōu)化

      2011-02-03

      1. 把你的 .js 庫文件地址替換成 Google CDN的地址

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

      把你的 http://www.cnblogs.com/jquery.x.x.js 替換為 http://ajax./ajax/libs/jquery/1.4.4/jquery.min.js的意義在于當一個用戶訪問過使用 google api 的網(wǎng)站之后,再次訪問其他調(diào)用了該api地址的網(wǎng)站就不需要再次加載該文件了。從而達到提速的目的。

      不單是jquery庫,其他諸如mootools yui 也可以使用這種方式。推薦一個網(wǎng)站 ( http:/// ) 這個網(wǎng)站收集Google 提供的 js API路徑。直接點擊復制就可以獲取到最新版的文件路徑。

      2. 精簡和優(yōu)化你的 js 和 CSS

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

      推薦一個地址 ( http://sweet./?hl=zh-CN ) 。此工具可以不用在本地安裝jdk,直接上傳 js 和 css 文件進行壓縮,可選擇是采用 YUI Compressor 或 Closure Compiler 。

      通過 YUI Compressor 或 Closure Compiler 和 壓縮的之后的代碼如:

      1function hello(name) {
      2  alert('hello 簡明現(xiàn)代' + name);
      3}
      4hello('魔法');

      它會變成:

      1function hello(a){alert("hello 簡明現(xiàn)代, "+a)}hello("魔法")

      把你的縮進和空行去掉的同時也縮短里面的變量名稱,這種優(yōu)化方式是不可逆的,所以使用這兩種壓縮之前請備份一份源文件方便以后的修改。

      3. GZIP 壓縮你的 JS 和 CSS 文件

      壓縮js和css可以通過服務器動態(tài)腳本進行也可以更簡單的使用apache服務器可以在網(wǎng)站根目錄 .htaccess 中加入以下代碼:

      1<IfModule mod_deflate.c>
      2AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml application/x-javascript application/json
      3Header append Vary Accept-Encoding
      4</IfModule>

      這段代碼的意思是調(diào)用服務器的壓縮模塊對以上文件輸出之前進行GZIP壓縮,gzip的壓縮之后所有文件都應該能減少30%以上的體積。特別是對于大量使用js的博客有了gzip保駕護航之后速度能提高不少。

      4. 緩存你的 js 和 CSS 文件

      在網(wǎng)站根目錄 .htaccess 中加入以下代碼:

      1<ifmodule mod_expires.c>
      2<filesmatch "\.(jpg|gif|png|css|js)$">
      3ExpiresActive on
      4ExpiresDefault "access plus 1 year"
      5</filesmatch>

      這段代碼的意思是對 jpg|gif|png|css|js 發(fā)送 header 緩存頭,進行一年的緩存、在瀏覽器不使用 ctrl+F5 強制刷新時,會一直緩存到時間時間結(jié)束,唯一遺憾的是如果你更改了js或者css文件必須把以前的路徑或者文件名更改,可以這樣 base.js?ver=(x) 這種方式下次瀏覽器就會自動讀取并緩存。

      5. 使用css sprites合并圖片

      一個網(wǎng)站經(jīng)常使用小圖標和小圖片進行美化,但是很遺憾這些小圖片占用了大量的HTTP請求,因此可以采用sprites的方式把所有的圖片合并成一張圖片 ,http:/// 可以通過這個網(wǎng)址在線合并,也可以在ps中合并。

      6. 優(yōu)化你網(wǎng)站圖片(圖片)

      大量使用的圖片和圖標雖然可以給網(wǎng)站帶來美輪美奐的效果,圖文混編更是一種非常絢麗的博文展現(xiàn)方法。可圖片的體積確實不是很給力,jpg是一種有損壓縮格式,而png雖然是無損的缺憾是體積頗大。為了減少圖片體積達到最快的下載速度,每一張圖片上傳前應該優(yōu)化一下體積.專注于前端的 yslow 有一個工具叫 smushit ,http://www./ysmush.it/

      此工具是一個無損壓縮圖片的工具,可以把你的圖片在保持原質(zhì)量不變的前提下優(yōu)化體積。而這種優(yōu)化體積通常在 10% 以上.意味著 一張30KB的圖片優(yōu)化后只有 27KB 或者更少……

      總結(jié)

      以上6種優(yōu)化方法都是前端的,前端優(yōu)化的意義在于減少http請求,減少網(wǎng)站前端程序組成的體積。其實在后端優(yōu)化也必不可少減少更多的數(shù)據(jù)庫查詢,通過諸如memcache內(nèi)存緩存進行常調(diào)用用的數(shù)據(jù)緩存才能獲得最快的速度。

        本站是提供個人知識管理的網(wǎng)絡存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導購買等信息,謹防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊一鍵舉報。
        轉(zhuǎn)藏 分享 獻花(0

        0條評論

        發(fā)表

        請遵守用戶 評論公約

        類似文章 更多