一、动画雪碧图

哇塞，动画Zuo的漂亮不漂亮呀！dan是要记得用雪碧图哦，这样才不会让页面变的慢吞吞的。

就像这样：

    
    // 网上的工具有一些可yi帮助你生成雪碧图的工具， 比方说CssGaga，GoPng等等，自动化构建工具Grunt和Gulp也提供了相应插件。
    
    

二、 图片压缩

栓Q！ 图片太大，页面会变慢哦！suo以我们要压缩图片，让页面变的geng快。

    
    // 压缩图片需要有好工具， 有智图，TinyPNG，JPEGmini等等。
    
    

三、 多终端兼容

就这？ 现在手机种类那么多，我们要让页面适应各种手机哦！

    
    // 曾经有一种派系为320派系， 就是大部分页面dou是320宽度，suo以呢干脆直接用320的容器来包一切页面那样也简单，只是IPHONE6和IPHONE6+的出现简直是灭了这个派系。
    
    

四、 优化JavaScript和CSS

JavaScript和CSS放在哪里hen重要哦，放错了会让页面变慢。

    
    // 写在HTML头部的JavaScript,和写在HTML标签中的Style会阻塞页面的渲染， suo以呢CSS放在页面头部并使用Link方式引入，避免在HTML标签中写Style，JavaScript放在页面尾部或使用异步方式加载。
    
    

五、 首屏加载

首屏加载快，用户才会开心哦！

    
    // 首屏的快速显示， 可yi大大提升用户对页面速度的感知，suo以呢应尽量针对首屏的...
    
    

Zuo好了以上这些，我们的HTML5移动页面就会变得又快又好啦！