NUXT專案的效能優化

2022-08-24 09:12:14 字數 1086 閱讀 6989

背景

專案結構是 nuxt2.0+ element ui,使用 nuxt的主要原因還是為了seo優化,vue在seo上是弱項

過程

打算使用webpack打包

翻了翻nuxt的文件 發現這傢伙其實還是基於webpack打包的,於是乎就想和普通的vue專案一般使用 dllplugin 、 commonchunkplugin將大檔案分割 然後把公用的外掛程式 『element ui』 、』vue2-editor『 之類的單獨打包成乙個js這樣子就不會阻礙頁面載入之類的 巴拉巴拉巴拉 ,看著nuxt.config.js 有點無從下手的感覺, 找了找 在nuxt 中如何使用 webpack 外掛程式, 官方有給出示例,嘗試用了一下發現沒有效果 可能是我不會用,然後就放棄了使用webpack外掛程式 開始了漫長的nuxt壓縮教程尋找之路

尋找nuxt的解決方案

這是使用後的效果:

很多大檔案都已經被分割成小檔案了  兩個最大的檔案大家可以忽略 ,這兩個是svg 檔案,主要是圖示,後面改了引用方式也就不會打包成js 檔案了

剩下的釘子戶就只剩下了element ui解決它基本上就不存在大檔案了

element ui 部分引用

仔細檢視了專案對element ui 發現使用的是完全引用,但是實際上用到的外掛程式很少, 這就好辦了直接改成部分引用, 果不其然改成了部分引用檔案直接縮小一半 ,同時將 圖示的引用方式修改之後去掉了兩個大檔案, 效果圖如下

結語

寫這個隨筆主要是記錄一下當時優化的思路,記性不好防止忘記, 主要是做後端開發,前端開發都是兼職啦 。  或許有再優化會繼續更新, 小白一枚歡迎大神指點

效能調優之十 乙個專案的效能優化經驗

1.由於sql執行慢的原因,導致事務時間過長,資料連線池的連線不夠用,很多處理執行緒在等待連線。2.程式有部分使用了system.out.println 來列印日誌資訊,不能通過log4j的配置關閉,嚴重影響系統效能。3.include.jsp每一次都會去資料庫獲取使用者相關資訊,導致每訪問乙個頁面...

javaweb專案的優化

文章轉至 簡單地來看乙個瀏覽器使用者訪問的流程 瀏覽器 伺服器 返回結果顯示 這麼簡單地看,可能想得到的優化手段很少,常見的可能就是優化sql,加快資料庫處理 加個快取,加快返回 使用靜態檔案,減少動態計算。細分開來看每乙個步驟 2 瀏覽器真實發起請求伺服器時,首先被請求到的是伺服器的作業系統層,那...

專案重構 效能優化

重構的目標 1.持續偏糾和改進軟體設計 2.提公升專案整體效能,優化 結構 3.使 更被其他人所理解 4.幫助發現隱藏的 缺陷 5.從長遠來看,有助於提高程式設計效率,增加專案進度 重構函式 1.減少臨時變數。例如 if are 1000 改為 if self.are 1000 2.重構類 1.搬移...