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

Posted 2021-04-04 程序媛手记

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

一、减少页面的大小

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

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

二、减少HTTP请求数量

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