进行HTML压缩
第一使用在线网站压缩，使用html-minifier工具进行压缩，后端模板引擎渲染压缩。
进行css压缩
css sprite是减少图像请求数量的首选方法，将背景图像合并为单个图像。
CSS Sprites在国内很多人叫CSS精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需顾忌这个问题。
第一进行无效代码的删除，第二是css语义合并，使用在线网站压缩，使用html-minifier对HTML中的css进行压缩，使用clean-css对css进行压缩。
用CSSbackground-image和background-position属性显示所需的图像段
进行js的压缩和混乱
第一删除无效字符，剔除注解，代码语义的缩减和优化，代码的保护，可以使用在线网站进行压缩，html-minifier对html中的js进行压缩，使用uglifyjs2对js进行压缩
（1）将table改为div布局
（2）缩减精简div、span、ul、li等系列标签
（3）删除多余空格
（4）表格类型布局时候适当使用table替代div布局
（5）网页GZIP压缩
文件的合并
文件与文件之间有插入的上行请求，增加了N-1个网络延迟，受丢包问题影响更加严重，经过代理服务器时可能会被断开。合并文件存在首屏渲染问题，缓存失败问题，js文件比较大，请求比较慢，得请求回来后才会首屏HTML渲染，js是由缓存的，文件合并如果其中某个js文件有变化，就会导致缓存失败的问题，如果文件不合并，修改其中的某一个js文件，只会导致该文件缓存失效，其他的不会受影响。文件合并，存在很严重的缓存失效问题。
那么是否进行文件的合并，建议可以将公共库单独打包成一个文件，业务单独打包成一个文件，不同页面的合并，将不同页面的js不同打包，
如何进行文件合并，在线网站进行文件合并，使用nodejs实现文件合并
实战资源和与压缩
实战页面开发，网站进行压缩与合并，fis进行自动化的压缩与合并。
压缩前
压缩后