<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)  編輯 |

    主站蜘蛛池模板: 国产精品永久免费视频| 亚洲爆乳无码精品AAA片蜜桃| 永久免费观看黄网站| 免费A级毛片无码久久版| 国产精品亚洲а∨无码播放不卡| 韩国免费三片在线视频| 亚洲成av人在线观看网站| 国产精品视_精品国产免费 | 久久精品国产亚洲av麻豆色欲 | 日本免费v片一二三区| 久久久久久亚洲av无码蜜芽| 国产无遮挡又黄又爽免费视频 | 日韩毛片免费在线观看| 日韩色视频一区二区三区亚洲 | 国产精品亚洲片在线va| 永久免费毛片手机版在线看| 精品无码专区亚洲| 亚洲精品色婷婷在线影院| 国产免费拔擦拔擦8X高清在线人| 亚洲国产精品久久久久婷婷老年| **一级一级毛片免费观看| 亚洲精品无码高潮喷水A片软| 四虎影库久免费视频| a级成人毛片免费图片| 久久久久亚洲AV无码观看| 好男人www免费高清视频在线| 日韩色视频一区二区三区亚洲| a级亚洲片精品久久久久久久 | 亚洲第一二三四区| 国内自产少妇自拍区免费| 特级毛片在线大全免费播放| 亚洲日本va中文字幕久久| 久久精品免费一区二区| AV激情亚洲男人的天堂国语| 亚洲自偷自偷图片| 免费av欧美国产在钱| 色吊丝性永久免费看码| 久久精品亚洲精品国产色婷| 免费**毛片在线播放直播| 日韩成人免费视频| 美女啪啪网站又黄又免费|