PCエンドのパフォーマンス最適化

PCエンドのパフォーマンス最適化
一、ページ最適化の常用ツール

1、Firbug + Yslow + pagespeed
2、webpage test www.webpagetest.org
3、DynaTrace   javascript  cpu     
4、Firbug net Panel
5、Chrome Developer Tools
6、IE9     
7、HTTPwatch

サイトが遅い要因が多い

1、        -   
2、DNS   -   
3、     -   
4、  html     
5、       
6、http     
7、javascript   
8、        
9、    
10、。。。。

二、ウェブサイトの最適化

①、    
②、      
③、“  ”  

1、ページの最適化

1、  http    
2、       
3、        
4、    

2、サーバー側の最適化

1、CDN
2、  
3、Gzip
4、  DNS
5、    

3、主観的な最適化

1、    
2、    
3、    
4、SEO

①httpリクエスト回数を減らす

1.        
2.sprites(CSS,img)
           ，        ，      ，     ，      
3.      
               ，      
4.Src     

②交信量を減らす

1.    (JS,CSS,img,cookie)
  CSS/JS--    ，     ，     ，  
  IMG—png8，    ，     
2.    (JS,CSS,ajax)
3.       
      （   ）/   
   GET    AJAX  
       cookie(    )
4.  DOM  ，     
5、JS        http://tool.chinaz.com/Tools/JsFormat.aspx
   css       http://tool.chinaz.com/Tools/CssFormat.aspx
         ：     

③リソースの合理的な並列ロード

1.       
2.  iframe
          ，  iframe          
3.CSS   JS     
  JS    
4.  
         ，            

④消費を減らす

1.    CSS   

(expressionメソッド.計算頻度が高すぎる)2.フィルタの使用を避ける(問題は、コードのメンテナンス量が大きく、ブラウザをフリーズし、顧客のメモリ消費量を増やすことである).DOMアクセスを減らす(JSアクセスDOMは遅い、再レンダリング)
三、pc端の性能最適化に対する他の言い方

1、    ：        ；  DOM  ；  iframe  ；    ；   ；

2、  CSS：        ：    CSS   （Expression）；      ；    CSS；  CSS；    ；

3、  Javascript：         ；    JavaScript；  JavaScript；      ；  DOM  ；    ；    ；

4、    Img：PNG8；JPG；    ；CSSsprites；IMGsprites；    ；   ；

おすすめサイト:

1、http://code.google.com/intl/zh-CN/speed/page-speed/docs/payload.html
   PageSpeed
   
2、http://www.xiaohanseo.com/201004153.html
           SEO    

3、http://www.jb51.net/yunying/35105.html
     DNS                   
   
4、http://www.cnblogs.com/wildweeds/archive/2010/06/12/web_performance.html
   [  ]Web