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) 閱讀(6676) | 評論 (20)  編輯 | 
				
          
			
          
	
			
          
				
				
               摘要: 在處理比較耗時的請求的時候，我們總希望先讓用戶先看到部分內容，讓用戶知道系統正在進行處理，而不是無響應。一般大家在處理這種情況，都使用ajax，先把html輸出到客戶端，然后再用ajax取加載比較耗時的資源。用ajax麻煩的地方是增加了請求數，而且需要寫額外的js代碼、和js調用的請求接口。針對這種情況，還有一種處理方法，就是讓response分塊編碼進行傳輸。response分塊編碼，可以先傳輸一部分不需要處理的html代碼到客戶端，等其他耗時代碼執行完畢后再傳輸另外的html代碼。  閱讀全文
          
				
				
          		
					posted @ 2010-05-19 22:38 BearRui(AK-47) 閱讀(5744) | 評論 (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) 閱讀(6578) | 評論 (14)  編輯 | 
				
          
			
          
	
			
          
				
				
               摘要: 很多網站為了獲取用戶訪問網站的統計信息，使用了google-analytics或其他分析網站(下面的討論中只提google-analytics,簡稱ga)。注冊ga后，ga就會生成一段js腳本，很多人直接把這段js復制到的最后面就完事(包括 博客園、CSDN、BlogJava)。可是ga自動生成的這段JS真的就是最合理的嗎？  閱讀全文
          
				
				
          		
					posted @ 2010-05-13 10:10 BearRui(AK-47) 閱讀(4338) | 評論 (8)  編輯 | 
				
          
			
          
	
			
          
				
				
               摘要: 頁面呈現流程

          

          回流與重繪

          

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

          

          聰明的瀏覽器

          

          如何減少回流、重繪

          

          實例測試  閱讀全文
          
				
				
          		
					posted @ 2010-05-10 17:24 BearRui(AK-47) 閱讀(17454) | 評論 (38)  編輯 | 
				
          
			
          
	
			
          
				
				
               摘要: 本篇文章主要討論下目前JS,CSS 合并、壓縮、緩存管理存在的一些問題，然后分享下自己項目中用到的1個處理方案，并提供1個實例下載。  閱讀全文
          
				
				
          		
					posted @ 2010-05-04 13:28 BearRui(AK-47) 閱讀(14046) | 評論 (14)  編輯 | 
				
          
			
          
	
			
          
				
				
               摘要: WEB性能測試工具主要分為三種，一種是測試頁面資源加載速度的，一種是測試頁面加載完畢后頁面呈現、JS操作速度的，還有一種是總體上對頁面進行評價分析，下面分別對這些工具進行介紹。  閱讀全文
          
				
				
          		
					posted @ 2010-04-28 12:57 BearRui(AK-47) 閱讀(21800) | 評論 (17)  編輯 | 
				
          
			
          
	
			
          
				
				
               摘要:       準備寫一系列關于高性能WEB開發的日記，主要是跟前端技術相關的(html,http,js,css等)，將自己了解的一些知識做1個總結和記錄并分享，希

          

          望大家能喜歡，也喜歡自己能堅持寫下去。當然因個人技術水平有限，寫作能力更是非常差，所以如果有什么地方寫得不好的，請大家都指點指點。  閱讀全文
          
				
				
          		
					posted @ 2010-04-26 23:55 BearRui(AK-47) 閱讀(12740) | 評論 (16)  編輯 | 
				
          
			
          
	
			
          
				
				
               摘要: 上一篇文章中說到了 如何減少請求數，這次說說如何減少請求、響應的數據量(即在網絡中傳輸的數據量)，減少傳輸的數據量不僅僅可以加快頁面加載速度，更可以節約服務器帶寬，為你剩不少錢。

             GZIP壓縮

             別亂用cookie

              妙用204狀態  閱讀全文
          
				
				
          		
					posted @ 2010-04-26 19:53 BearRui(AK-47) 閱讀(7100) | 評論 (10)  編輯 | 
				
          
			
          
	
			
          
				
				
               摘要: http請求頭的數據量

          http連接開銷

          如何減少請求數

             1. 合并文件

             2. 合并圖片

             3. 把JS、CSS合并到1個文件

             4. 使用Image maps

             5. data嵌入圖片  閱讀全文
          
				
				
          		
					posted @ 2010-04-18 18:58 BearRui(AK-47) 閱讀(14745) | 評論 (10)  編輯 | 
				
          
			
          
	
			
          
				
				
               摘要: 外部JS的阻塞下載
          

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

          嵌入JS的阻塞下載
          

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

          嵌入JS應該放在什么位置  閱讀全文
          
				
				
          		
					posted @ 2010-04-08 16:08 BearRui(AK-47) 閱讀(17041) | 評論 (42)  編輯 | 
				
          
			
          
	
			
          
				
				
               摘要: 1、縮小圖片大小

          2、合并圖片和拆分圖片

          3、透明圖片處理

          4、多域名下載圖片

          5、IE6下緩存背景圖片

          6、預加載圖片  閱讀全文
          
				
				
          		
					posted @ 2010-02-22 16:53 BearRui(AK-47) 閱讀(10318) | 評論 (9)  編輯 | 
				
          
			
          
	
			
          
				
				
          
				
				
          		
					posted @ 2010-01-29 15:42 BearRui(AK-47) 閱讀(20298) | 評論 (12)  編輯 | 
				
          
			
          
	

          
	

          



				
			
          
		          		
	
          
	
          
		
			


		
	
          

          

 
 
	 
    
    
          
        
	




主站蜘蛛池模板：
明水县|
乳山市|
永州市|
甘德县|
沛县|
廉江市|
台北市|
襄樊市|
彰化县|
洞头县|
许昌市|
云阳县|
钦州市|
贡嘎县|
太白县|
炉霍县|
罗定市|
三门县|
都昌县|
枞阳县|
论坛|
潮州市|
扎鲁特旗|
清原|
南召县|
杂多县|
陇川县|
宁武县|
雷波县|
阿拉善右旗|
望都县|
南溪县|
肃北|
桂阳县|
永仁县|
西乡县|
塘沽区|
通辽市|
锡林郭勒盟|
全南县|
弋阳县|