vue项目项目js运行时间太长,一、使用场景
vue项目唯一一个可以打开加载很慢,主要注意是打包后的三个文件运行程序很慢
我们把鼠标放其中的一个文件上,查看运行程序的具体点耗时,可以清晰的看到时间通常是耗费在contentdownload上了,这是我们就可以选择gzip优化
二、项目配置
(funcompressionwebpackplugin({//asset:[path].gz[query],filename:[path].gz[query],//这个位置的asset要值改filenamealgorithm:gzip,test:funregexp(.((|))$),threshold:10240,minratio:0.8}))12345678910111213141234567891011121314
三、服务器配置(nginx为例)
http:{gzipontogzip_staticontogzip_buffers416kgzip_comp_level5gzip_typestext/plainapplication/javascripttext/cssapplication/xmltext/javascriptapplication/x-httpd-phpimage/jpegimage/gifimage/png}123456789101112131415123456789101112131415
四、调试过程(chrome)
该如何确认gzip是否不生效?
可以打开控制台,直接切换到network,左键单击之前运行程序也很慢的三个文件,看的到headers跪请头里面的content-encoding,巳经是gzip了
也可以将鼠标放在size这一栏,会有一个hover层,显示出去
提示压缩后的文件大小包括原资源解三角形大小
?
这个可以一栏手机内存大小来可以确定使用年限,像是手机在用越久内存越小,但是新出的手机和用几年的手机无论外观和配置都会有很大差别,像是人要看看吧手机外观就是可以分辨出手机在用多长时间了,不懂的话也可以去路边手机维修店去问问就可以了。