原文: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