公司新做的乙個專案，寫完**第一次上測試環境測試，首屏載入要6秒左右的樣子，於是進行了一系列的優化，成功將首屏時間降到了200ms左右；今天寫篇文章，分享一下這次優化心得。
專案背景
vue-cli 2.x框架
一、**技巧
二、壓縮
三、cdn
一、**技巧
去掉多餘**
減少請求數量
復用元件
二、壓縮**
開啟webpack ``gzip``壓縮
使用``npm run build --report``分析打包後**塊大小，如果有重複得依賴可以在``webpack.base.conf.js``中配置如下屬性：
resolve:
},
在vue專案得唯一html檔案中引入cdn加速過的檔案
""
>
<
/script>
"">
<
/script>
//bootcdn bootstrap搭建得乙個國內cdn，也可以用，但是外掛程式沒有jsdelivr得全
//注意引入的先後順序，比如vue-router,vuex,element-ui都依賴vue,所以vue必須放在前面。
"">
<
/script>
"">
<
/script>
"">
<
/script>
"">
<
/script>
"">
<
/script>
"">
<
/script>
"">
<
/script>
"">
<
/script>
"">
<
/script>
webpack.base.conf.js的externals屬性進行擴充套件，可以讓你像安裝包一樣使用import引入，這個屬性具體用法webpack官方文件寫的很詳細，**如下：
externals:
,
記一次系統效能優化
用thinkphp3.2.3做了自己的畢業設計，上線使用後發現，響應時間比較長，經過檢測後發現是sql的查詢時間太長。這裡要感謝系統效能監控平台聽雲，他們的官網是 它能檢測到不正常的web請求 不正常的sql查詢 接著就是對mysql資料庫進行查詢的調優，筆者這裡採用建立索引的方法。什麼是索引以及索...
記一次nginx和前端專案優化
uglifyjs webpack plugin 減少空格可以減少無用字元占用的檔案體積，縮小檔案體積 compression webpack plugin 將檔案壓縮為 zip 包,需要nginx配置 nginx http gzip static module extract text webpac...
記一次線上OOM和效能優化
某次周五，發布前一周的伺服器小動盪?上周五，通過grafana監控，線上環境突然出現cpu和記憶體飆公升的情況 既然伺服器在某個時間點出現了高負荷，於是就先去找一開始出現問題的伺服器，去找耗時的服務，例如我當時去找資料庫耗時的服務，由於上週的日誌已經被刷掉，於是我大致描述一下 admin yyyy ...