2016 - 2024

感恩一路有你

js判断两个日期是否大于一年 vue项目js运行时间太长?

浏览量:2387 时间:2023-05-09 15:34:25 作者:采采

vue项目js运行时间太长?

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_level 5gzip_typestext/plainapplication/javascripttext/cssapplication/xmltext/javascriptapplication/x-httpd-phpimage/jpegimage/gifimage/png}123456789101112131415123456789101112131415

四、调试过程(Chrome)

该如何确认gzip是否不生效?

可以打开控制台,直接切换到network,左键单击之前运行程序也很慢的三个文件,看的到headers跪请头里面的Content-Encoding,巳经是gzip了

也可以将鼠标放在size这一栏,会有一个hover层,显示出去

提示压缩后的文件大小包括原资源解三角形大小

如何看本手机的使用年限?

这个可以一栏手机内存大小来可以确定使用年限,像是手机在用越久内存越小,但是新出的手机和用几年的手机无论外观和配置都会有很大差别,像是人要看看吧手机外观就是可以分辨出手机在用多长时间了,不懂的话也可以去路边手机维修店去问问就可以了。

gzip 手机 文件 鼠标 项目

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。