工具一：PageSpeed Insights（只是給出建議點，為谷歌瀏覽器的插件）
一、介紹：PageSpeed Lnsights依賴谷歌瀏覽器，依附在谷歌瀏覽器的可擴展插件中。如果網速什么的可以，在線安裝只需要在谷歌商店中找到對應的插件安裝即可。
二、安裝：若離線安裝，找到PageSpeed-Insights-(by-Google)_v2.0.4.3.crx的可擴展包，使用開發者模式導入到谷歌瀏覽器的可擴展插件中。關於谷歌瀏覽器的可擴展插件如何操作可以參考：https://www.cnblogs.com/wzx1blog/p/13066693.html。
三、使用：F12打開瀏覽器的調式工具，就可看的PageSpeed的標簽頁。點擊分析或者開始分析即可進行網頁的監測：
四、結果：監測掃描結束即可看的對整個前端的建議點，開發整個參考此部分進行網頁的改進進行性能提升。
工具二：highthouse（可綜合各方面評分並給出建議點，為谷歌瀏覽器的插件）
一、安裝
1、lighthouse依賴node 8或者更高的node版本，安裝好node后就可查看。也可以前往https://www.crx4chrome.com/crx/44009/下載，然后離線安裝
二、使用：在命令行輸入：lighthouse https://www.cnblogs.com/
三、生成的報告將會在安裝目錄下找到，打開html文件即可。
四、報告說明：
chrome瀏覽器擴展程序lighthouse可以檢測網頁的質量，分別針對網頁的Performance、Accessibility、Best Practices、SEO進行檢測評分，並給出相應的優化建議，方便站長優化網頁的加載速度、搜索引擎排名等。
- Performance - 性能檢測，如網頁的加載速度、響應時間等
- Accessibility - 鋪助檢測，如網頁的可訪問性問題，HTML代碼標簽之類的優化等
- Best Practices - 實踐性檢測，如網頁安全性，如是否開啟HTTPS、網頁存在的漏洞等
- SEO - 搜索引擎優化檢測，如網頁title是否符合搜索引擎的優化標准等
五、問題解決
1、問題：npm ERR! Error: EPERM: operation not permitted"
原因：主要由於權限問題，使用管理員權限即可：
解決辦法1：每次搜索cmd，打開之后，選擇"使用管理員權限運行CMD"；
解決辦法2：修改注冊表：Win+R --輸入 regedit，打開注冊表，找到以下位置：HKEY_CURRENT_USER\Software\Microsoft\Windows NT\CurrentVersion\AppCompatFlags\Layers，新建一個字符串值，命名
為"c:\windows\system32\cmd.exe"，一般情況下，cmd.exe都安裝在C盤，然后右鍵--修改 -- 數值數據寫入“RUNASADMIN”，確定 ！
或者，也可以采用注冊表導入的方式操作，如下：直接復制下面內容（系統安裝在C盤32位為准）：
Windows Registry Editor Version 5.00 [HKEY_CURRENT_USER\Software\Microsoft\Windows NT\CurrentVersion\AppCompatFlags\Layers] "c:\\windows\\system32\\cmd.exe"="RUNASADMIN"
打開記事本，復制粘貼入以上代碼，另存為hao.reg，然后雙擊導入注冊表即可。OK,這下我們Win+R輸入cmd，啟動時就已經默認是管理員身份了。
解決辦法3：修改文件目錄所有者：進入nodejs的安裝目錄 (默認是 C:\Program Files\nodejs)，或者C:\Program Files；在nodejs上右鍵打開屬性；選擇安全-->高級，這時候會看到所有這是SYSTEM，選擇"修改"；輸入你目前的賬戶名稱，
並檢查OK之后，OK保存，再次打開驗證即可。
工具三：系統自帶的性能監視器
一、打開：win10搜索性能監視器即可
二、可以添加參數對計算機的CPU、內存、網絡進行監控。
工具四：系統自帶的任務管理器
一、打開：shift+esc打開任務管理器即可
