您的位置 首页 > 科技

vue怎么获取服务器时间 vue项目js运行时间太长?

vue怎么获取服务器时间

vue项目js运行时间太长?

vue项目js运行时间太长?

vue项目项目js运行时间太长,一、使用场景
vue项目首次打开加载很慢,主要是打包后的三个文件加载很慢
我们把鼠标放到其中的一个文件上,查看加载的详细耗时,可以看到时间主要是花费在content download上了,这是我们就可以选择gzip优化
二、项目配置

( new CompressionWebpackPlugin({ // asset: [path].gz[query], fileName: [path].gz[query], //这个位置的asset要改为fileName algorithm: gzip, test: new RegExp( .( (|) )$ ), threshold: 10240, minRatio: 0.8 }) ) 12345678910111213141234567891011121314
三、服务器配置(nginx为例)
http:{ gzip on gzip_static on gzip_buffers 4 16k gzip_comp_level 5 gzip_types text/plain application/javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png } 123456789101112131415123456789101112131415
四、调试过程(Chrome)
如何确定gzip是否生效?
打开控制台,切换到network,选中之前加载比较慢的三个文件,可以看到headers请求头里面的Content-Encoding,已经是gzip了
也可以将鼠标放在size这一栏,会有一个hover层,显示出来
提示压缩后的文件大小以及原资源解析大小

相关文章