對于HTML5的技術優化，可能很多人都有從各方面有所了解，HTML5的出現對于FLASH網站來說是一個災難，因為HTML5取代了FLASH網站的效果而且又保留了正常網站的可優化性。同時HTML5的出現與正常網站的優化相對也是有一定的優勢的，下面深圳網站建設就跟大分簡單說一下HTMl5前端性能優化的一些知識：

        加載優化具體體現在
        1、合并CSS樣式、JavaScript效果；
        2、合并小圖片，使用雪碧圖；
       3、緩存一切可緩存的資源；
       4、使用長Cache;
       5、壓縮HTML、Css、JavaScript;
       6、使用按需加載、滾屏加載、屏加載;
       7、通過Media Query加載;
       8、增加Loading進度條;
       9、異步加載第三方資源;


        CSS優化具體體現在
        1、Css寫在頭部，JavaScript寫在尾部或異步;
        2、避免圖片和iFrame等空Src;
        3、盡量避免重設圖片大小、避免使用DataUrl;
        4、盡量避免寫在HTML標簽中寫Style屬性;
        5、避免Css表達式、移除空的Css規則;
        6、正確使用Display的屬性;
        7、不濫用Float、Web字體;
        8、標準化各種瀏覽器前綴;

       圖片優化具體體現在
       1、使用（Css3、SVG、IconFont）代替圖片;
       2、使用Srcset;
       3、圖片Webp優于Jpg,Png8優于Gif;     
  
        腳本優化具體體現在
       1、減少重繪和回流;
       2、緩存Dom選擇與計算;
       3、緩存列表Length;
       4、盡量使用事件代理、避免批量綁定事件、盡量使用ID選擇器;
       5、使用Touchstart、touchend代替Click;    

        渲染優化具體體現在
        1、HTML使用Viewport;
        2、減少Dom節點;
        3、盡量使用Css3動畫;
        4、適當使用Canvas動畫;
        5、Touchmove、Scroll事件會導致多次渲染;
        6、使用（Css3 Transitions,Css3 3D Transforms,Opacity,Canvas,WebGl,Video）來觸發GPU渲染;

        HTMl5是當前比較前沿的網站開發技術，雖然功能很好的但是在瀏覽的兼容上暫時還不是很理想，所以在使用的時候還是要根據具體的實際情況來說。對于網站來說并不是功能好的的好，而是適合自己的才是好。
     
        深圳網站制作公司獨占網絡是你不錯的選擇,網址：http://www.ykfic.cn