<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    posts - 36, comments - 419, trackbacks - 0, articles - 0
      BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理

    高性能WEB開發

         摘要: 用了這么多年的CSS,現在才明白CSS的真正匹配原理,不知道你是否也跟我一樣?看1個簡單的CSS:DIV#divBox p span.red{color:red;},按習慣我們對這個CSS 的理解是,瀏覽器先查找id為divBox的DIV元素,當找到后,再找其下的所有p元素,然后再查找所有span元素,當發現有span的class為red的時候,就應用該style。多么簡單易懂的原理,可是這個理解卻是完完全全相反、錯誤的  閱讀全文

    posted @ 2010-06-07 22:53 BearRui(AK-47) 閱讀(6664) | 評論 (20)  編輯 |

         摘要: 在處理比較耗時的請求的時候,我們總希望先讓用戶先看到部分內容,讓用戶知道系統正在進行處理,而不是無響應。一般大家在處理這種情況,都使用ajax,先把html輸出到客戶端,然后再用ajax取加載比較耗時的資源。用ajax麻煩的地方是增加了請求數,而且需要寫額外的js代碼、和js調用的請求接口。針對這種情況,還有一種處理方法,就是讓response分塊編碼進行傳輸。response分塊編碼,可以先傳輸一部分不需要處理的html代碼到客戶端,等其他耗時代碼執行完畢后再傳輸另外的html代碼。  閱讀全文

    posted @ 2010-05-19 22:38 BearRui(AK-47) 閱讀(5733) | 評論 (5)  編輯 |

         摘要: 上一篇隨筆中網友 skyaspnet 問我如何壓縮HTML,當時回答是推薦他使用gzip,后來想想,要是能把所有的html,jsp(aspx)在運行前都壓縮成1行未免不是一件好事啊。一般我們啟動gzip都比較少對html啟動gzip,因為現在的html都是動態的,不會使用瀏覽器緩存,而啟用gzip的話每次請求都需要壓縮,會比較消耗服務器資源,對js,css啟動gzip比較好是因為js,css都會使用緩存。我個人覺得的壓縮html的最大好處就是一本萬利,只要寫好了一次,以后所有程序都可以使用,不會增加任何額外的開發工作。  閱讀全文

    posted @ 2010-05-16 17:16 BearRui(AK-47) 閱讀(6567) | 評論 (14)  編輯 |

         摘要: 很多網站為了獲取用戶訪問網站的統計信息,使用了google-analytics或其他分析網站(下面的討論中只提google-analytics,簡稱ga)。注冊ga后,ga就會生成一段js腳本,很多人直接把這段js復制到的最后面就完事(包括 博客園、CSDN、BlogJava)。可是ga自動生成的這段JS真的就是最合理的嗎?  閱讀全文

    posted @ 2010-05-13 10:10 BearRui(AK-47) 閱讀(4324) | 評論 (8)  編輯 |

         摘要: 頁面呈現流程

    回流與重繪

    什么操作會引起重繪、回流

    聰明的瀏覽器

    如何減少回流、重繪

    實例測試  閱讀全文

    posted @ 2010-05-10 17:24 BearRui(AK-47) 閱讀(17425) | 評論 (38)  編輯 |

         摘要: 本篇文章主要討論下目前JS,CSS 合并、壓縮、緩存管理存在的一些問題,然后分享下自己項目中用到的1個處理方案,并提供1個實例下載。  閱讀全文

    posted @ 2010-05-04 13:28 BearRui(AK-47) 閱讀(14034) | 評論 (14)  編輯 |

         摘要: WEB性能測試工具主要分為三種,一種是測試頁面資源加載速度的,一種是測試頁面加載完畢后頁面呈現、JS操作速度的,還有一種是總體上對頁面進行評價分析,下面分別對這些工具進行介紹。  閱讀全文

    posted @ 2010-04-28 12:57 BearRui(AK-47) 閱讀(21784) | 評論 (17)  編輯 |

         摘要: 準備寫一系列關于高性能WEB開發的日記,主要是跟前端技術相關的(html,http,js,css等),將自己了解的一些知識做1個總結和記錄并分享,希

    望大家能喜歡,也喜歡自己能堅持寫下去。當然因個人技術水平有限,寫作能力更是非常差,所以如果有什么地方寫得不好的,請大家都指點指點。  閱讀全文

    posted @ 2010-04-26 23:55 BearRui(AK-47) 閱讀(12725) | 評論 (16)  編輯 |

         摘要: 上一篇文章中說到了 如何減少請求數,這次說說如何減少請求、響應的數據量(即在網絡中傳輸的數據量),減少傳輸的數據量不僅僅可以加快頁面加載速度,更可以節約服務器帶寬,為你剩不少錢。
    GZIP壓縮
    別亂用cookie
    妙用204狀態  閱讀全文

    posted @ 2010-04-26 19:53 BearRui(AK-47) 閱讀(7089) | 評論 (10)  編輯 |

         摘要: http請求頭的數據量
    http連接開銷
    如何減少請求數
    1. 合并文件
    2. 合并圖片
    3. 把JS、CSS合并到1個文件
    4. 使用Image maps
    5. data嵌入圖片  閱讀全文

    posted @ 2010-04-18 18:58 BearRui(AK-47) 閱讀(14734) | 評論 (10)  編輯 |

         摘要: 外部JS的阻塞下載

    外部js文件應該放在什么位置

    嵌入JS的阻塞下載

    嵌入JS導致CSS阻塞加載的問題

    嵌入JS應該放在什么位置  閱讀全文

    posted @ 2010-04-08 16:08 BearRui(AK-47) 閱讀(17014) | 評論 (42)  編輯 |

         摘要: 1、縮小圖片大小
    2、合并圖片和拆分圖片
    3、透明圖片處理
    4、多域名下載圖片
    5、IE6下緩存背景圖片
    6、預加載圖片  閱讀全文

    posted @ 2010-02-22 16:53 BearRui(AK-47) 閱讀(10309) | 評論 (9)  編輯 |

    posted @ 2010-01-29 15:42 BearRui(AK-47) 閱讀(20283) | 評論 (12)  編輯 |

    主站蜘蛛池模板: 久久亚洲精品无码VA大香大香| 国产大片免费网站不卡美女| 亚洲国产成人精品无码久久久久久综合| 中文字幕亚洲综合久久综合| 在线日本高清免费不卡| 亚洲国产天堂在线观看| 最近中文字幕免费mv在线视频| 久久久久久亚洲Av无码精品专口 | 亚洲av永久中文无码精品综合| 国产卡二卡三卡四卡免费网址| 亚洲国产精品专区| 成年午夜视频免费观看视频| 亚洲国产系列一区二区三区| 日韩高清在线高清免费| 一级毛片在线免费播放| 亚洲AV中文无码乱人伦下载| 中文字幕免费在线看线人| 亚洲高清中文字幕免费| 日批日出水久久亚洲精品tv| 国产精品免费αv视频| 亚洲国产成人久久| 国产成人在线观看免费网站| A级毛片成人网站免费看| 麻豆狠色伊人亚洲综合网站| jizzjizz亚洲| 91精品国产免费久久国语麻豆| 亚洲精品无码av中文字幕| 国产亚洲精品a在线无码| 曰批视频免费30分钟成人| 一级女性全黄生活片免费看| 亚洲乱码一二三四五六区| 婷婷亚洲天堂影院| 欧美三级在线电影免费| 国产精品免费视频观看拍拍| 久久久久久亚洲av无码蜜芽| 亚洲国产精品lv| 久久久久久久亚洲精品| 在线观看免费毛片| 亚洲免费视频播放| 国产午夜免费高清久久影院| 成人精品综合免费视频|