原文:vue页面加载慢,chunk-vendors.js文件太大

今天拉取合并了同事的代码后页面加载速度变得非常慢,经过排查发现是因为加载的chunk vendors.js太大 m s就很离谱 经过同事指导加上百度终于找到解决办法,配置compression webpack plugin实现Gzip压缩 安装compression webpack plugin: yarn add compression webpack plugin . . 这个要指定版本,不然 ...

2022-03-14 18:17 0 3165 推荐指数:

查看详情

Vue项目部署阿里云Nginx(压缩chunk-vendors.js文件)

本教程简单的介绍下,初学服务器部署web网站绕了不少弯路的经历。 由于本人之前是装的是Windows Server,搭建的是宝塔面板,奈何性能卡就打算在Centos使用Nginx部署Web。下面将对 ...

Thu Oct 22 08:31:00 CST 2020 0 968
前端项目时因chunk-vendors过大导致首屏加载太慢的优化

前端项目时因chunk-vendors过大导致首屏加载太慢的优化 因app首页加载不流畅,于是去检查首页加载项的耗时,最终发现是前端加载js文件太大,导致首页加载太慢,于是选择了以下方案进行优化。 一、安装compression-webpack-plugin插件。前端将文件打包成.gz文件 ...

Fri Jul 16 16:54:00 CST 2021 0 285
vue chunk-elementUI.3d5a4739.js 过大,网页打开开启gzip压缩

如下 如果没有效果,检查看header信息,发现发现Content-Type项的“application/javascript”并没有出现在他的gzip_types内容里.所以把这个添加到gzip_types中,js也可以压缩成功了 其他优化方案,参考https ...

Sat Sep 21 02:44:00 CST 2019 0 984
nginx配置解决vue页面打包文件大,首次加载的问题

  cnpm run build 文件过大,其中主要是vender.js有1.5M,代码部署到服务器,首次访问加载页面时比较慢,耗时6.5s左右,所以需要优化下。 1、Nginx开启gzip   找到nginx.config。关于gzip压缩代码:   配置完重启Nginx ...

Tue Jun 12 06:13:00 CST 2018 0 6404
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM