工具一：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：

為"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儲存，再次開啟驗證即可。