vlambda博客
学习文章列表

前端优化html,js,css合并压缩

前端性能优化之一就是可以对html,js,css合并压缩,并且尽量减少请求数量。


一、减少页面的大小

前端代码在编写的时候会加入许多注释和空格,对开发人员很友好,但是在上线后,空格和注释会占用一定页面的大小,因此压缩页面的大小可以减少传输的流量,加快速度。

压缩可以分为HTML,js和css的压缩,nodejs提供了一个很好的压缩工具fis3,可以进行配置,然后进行压缩。

二、减少HTTP请求数量

除了减少HTTP资源请求次数,也要尽量减少每个HTTP请求的大小,如减少没必要的图片、JavaScript、CSS 及 HTML 代码,对文件进行压缩优化,或者使用gzip压缩传输内容等都可以用来减少文件大小,缩短网络传输等待时延,使用构建工具来压缩静态图片资源以及移除代码中的注释并压缩,目的都是为了减少HTTP请求的大小。