uglifyjs-webpack-plugin：減少空格可以減少無用字元占用的檔案體積，縮小檔案體積
compression-webpack-plugin: 將檔案壓縮為 zip 包,需要nginx配置 nginx_http_gzip_static_module
extract-text-webpack-plugin:把css抽離出來，可進一步減小檔案體積
最終，wenpack.config.js配置
#只要匹配到檔案上傳路徑就直接不在進行其他匹配
location ^~ /upload/ _name" $upload_file_name;
upload_set_form_field "content_type" $upload_content_type;
upload_set_form_field "tmp_path" $upload_tmp_path;
upload_aggregate_form_field "md5" $upload_file_md5;
upload_aggregate_form_field "size" $upload_file_size;
upload_pass_form_field "^.*$";
} location /
location @fallback
error_page 404 /404.html;
location = /40x.html
error_page 500 502 503 504 /50x.html;
location = /50x.html }
}
記一次前端效能優化
公司新做的乙個專案，寫完 第一次上測試環境測試，首屏載入要6秒左右的樣子，於是進行了一系列的優化，成功將首屏時間降到了200ms左右 今天寫篇文章，分享一下這次優化心得。專案背景 vue cli 2.x框架 一 技巧 二 壓縮 三 cdn 一 技巧 去掉多餘 減少請求數量 復用元件 二 壓縮 開啟w...
記一次SQL優化
問題發生在關聯主表a 4w資料量 和副表b 4w資料量 關聯欄位都是openid 當時用的是 left join 直接跑sql，卡死 伺服器也是差 優化1 改left join 為join，兩者區別就是left join查詢時已主表為依據，該是幾條就幾條 就算副表沒有關聯的資料 join如果副表沒有...
記一次Nginx的配置優化運維
暱稱 xx 次數 5分鐘 6515次 錯誤樣例 openid ogejhwfzw0xofq0i5udqfv3rzs4q stamp 1583888102 3rdurl 報警排查指引，請見 接到告警，立即先對5臺伺服器的cpu的效能負載，記憶體的效能負載進行檢視 檢視cpu的效能負載 topuptim...