Gzip 壓縮上傳優(yōu)化項目體積包的方案

wuaiqiu 發(fā)布于2019-08-23 16:52 / 769人閱讀

摘要：針對需要了解的事情以下版本不包含找到對應(yīng)文件針對源文件個人不建議刪除打開壓縮功能執(zhí)行項目壓縮功能默認(rèn)是，執(zhí)行完成過后效果如下前端的項目已經(jīng)準(zhǔn)備好。

針對Vue-cli Gizp 需要了解的事情（vue3.0以下版本不包含3.0）： 1、找到對應(yīng)文件 webpack.prod.conf.js；

2、針對源文件（個人不建議刪除）；

3、打開Gzip壓縮功能

eg: productionGzip： true

4、執(zhí)行項目壓縮功能（默認(rèn)是 npm run build ），執(zhí)行完成過后效果如下：

5、前端的項目已經(jīng)準(zhǔn)備好。接下來是nginx配置項：

?(1).打開nginx 配置文件 nginx.conf

(2). 開啟gzip壓縮功能（注意：gzip_static on; 這行命令如果沒有需要加上）

（3）執(zhí)行保存命令（wq!）

（4）重啟nginx

1、先執(zhí)行nginx測試

 (nginx 路徑) -t   根據(jù)自己安裝目錄執(zhí)行
 lnmp 默認(rèn)路徑 :  /usr/local/nginx/sbin/nginx -t

2、執(zhí)行重啟命令：

(nginx 路徑) -s reload    根據(jù)自己安裝目錄執(zhí)行

6、接下來就去瀏覽器訪問你們文件就可以看到 (頁面沒有報錯正常執(zhí)行并且控制臺如下)：

GPU云服務(wù)器云服務(wù)器 php 圖片體積壓縮 gzip壓縮 gzip數(shù)據(jù)壓縮 GZip壓縮文件

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/103439.html

相關(guān)文章

為了vue-cli spa項目優(yōu)化首屏所做的事情

摘要：第一次寫項目，但是在實踐的過程發(fā)現(xiàn)了很多坑，這篇文章主要講述的是項目首屏加載過慢的大坑。建議使用，相對來說算是比較快的了。在官方文檔中有相關(guān)實現(xiàn)的代碼，很簡單。畢竟首屏加載，優(yōu)化都得靠了。第一次寫 vue spa項目，但是在實踐的過程發(fā)現(xiàn)了很多坑，這篇文章主要講述的是spa項目首屏加載過慢的大坑。在webpack的配置中，在打包的過程中，會將所有的庫都打包到vendor.js中，所以...

layman 2019-08-20 18:24 評論0 收藏0
前端性能優(yōu)化與上線

摘要：看下狀態(tài)可以看到我已經(jīng)有一些鏡像了我已經(jīng)刪除了拉鏡像正常即可，中間那段是中國鏡像源，我們成功下來了的鏡像。攻破像我這樣屌絲的服務(wù)器一般都買的，大的資源文件不住，一個動輒的文件這很蛋疼，不上很難受。 4000字長文，多圖預(yù)警！！！流量慎入！！性能優(yōu)化 - 屌絲前端性能優(yōu)化、上線一條龍大家好我又來了，本章給大家?guī)淼膬?nèi)容是：上線和上線后的性能優(yōu)化項目地址實戰(zhàn)預(yù)覽地址實戰(zhàn)項目地址...

wupengyu 2019-06-28 16:51 評論0 收藏0
工作中一直在做一款公司內(nèi)部的BI工具，將數(shù)據(jù)可視化的報表賦能給業(yè)務(wù)人員，報表配置者通過簡單的拖拽操作即可生成報表。隨著系統(tǒng)不斷的完善，加上運(yùn)維推廣，我們積累了越來越多的用戶。這時候用戶體驗的方方面面都體現(xiàn)出來了。我們也停下產(chǎn)品的功能迭代，將整個系統(tǒng)進(jìn)行優(yōu)化，旨在提升用戶體驗。以下是我對前端項目的優(yōu)化總結(jié)。 Webpack 打包優(yōu)化項目中在使用的 Webpack 版本是3.x，本次優(yōu)化的方案仍然是...

cnio 2019-05-23 16:25 評論0 收藏0
Laravel-Vue-SSR-SPA 服務(wù)端渲染/單頁面渲染實現(xiàn)骨架

摘要：提供服務(wù)端渲染單頁面渲染實現(xiàn)骨架同時集成打包構(gòu)建文件名實現(xiàn)內(nèi)置等套件提供端渲染方案前后端分離單頁面方案前后端分離單頁面方案等三種常見方案項目地址歡迎項目需求基于和提供的強(qiáng)大的功能組合并根據(jù)已有項目實踐經(jīng)驗提供完整的集成方案幫助快速 Laravel-Vue-SSR-SPA 提供服務(wù)端渲染/單頁面渲染實現(xiàn)骨架, 同時集成webpack打包構(gòu)建 MD5文件名/gzip 實現(xiàn), 內(nèi)置 vue-...

zr_hebo 2019-07-01 10:55 評論0 收藏0