vs合并压缩css,js插件——Bundler & Minifier

时间:2022-08-01 00:28:44

  之前做了一个大转盘的抽奖活动,因为比较火,部分用户反馈看不到页面的情况,我怀疑js加载请求过慢导致,所以今天针对之前的一个页面进行调试优化。

首先想到的是对页面的js和css进行压缩优化,百度了下vs集成的插件,貌似没有很好的支持,自己在vs里找了一个非常满意的插件——Bundler & Minifier

这个vs插件下载地址:点我

插件功能说明:

1.合并多个css,js,html文件为一个单独的文件

2.保存源文件自动重新组合。

3.压缩css,js,html文件

等等。。。(其他我没用到,就不写了,可以看插件的英文说明)

使用方法:

比如我本地有两个js文件,我选择这两个js文件,右键,会看到该菜单——Bundle and Minify Files(合并并且压缩文件)

vs合并压缩css,js插件——Bundler & Minifier

然后选择保存的新文件的名字(我本地文件叫:newtask.js),即可自动把两个js合并成一个js并生成压缩文件。

vs合并压缩css,js插件——Bundler & Minifier

通过该插件的压缩,我把页面的js全部替换成压缩后的min.js以后,页面加载的时间从原来的6s,减少到2秒。效果还是比较明显的。

如有不对的地方请多多提意见,谢谢!^_^