
何だこのエラー!?. ガンナーのイレイザー(@koshishirai)だ!
問題
「Multiple tabs are being controlled by the same service worker.」
と表示されて、実行できないぞ…
だとしたら、この方法で対処する
対処法2. Chrome拡張機能「Lighthouse」を使用する
対処法3. Microsoft Edge 別のWebサイト → 検証したいサイトの順で検証する
今回はGoogle ChromeのLighthouseで「Multiple tabs are being controlled by the same service worker」や「Can only audit HTTP/HTTPS pages and Chrome extensions.」なといったエラーメッセージが表示された時の対処法を紹介します。
エラー1「Multiple tabs are being controlled by the same service worker」
Close your toher tabs on the same origin to aduit this page.
Identify and fix common problems that affect your site’s performance accessibility, and user experience. Learn more
日本語
このページを表示するには、同じ原点で他のタブを閉じてください。
サイトのパフォーマンスやアクセシビリティ、ユーザーエクスペリエンスに影響を与える一般的な問題を特定して修正します。詳細はこちら
WordPressテーマ「Cocoon」設定でPWAをオンにした後、
Chrome 右クリック [検証] → [Lighthouse]タブを開いた時に表示されます。
どのページを開いても、変わりません。
「Learn more」
Lighthouse によるウェブアプリの監査 – developers.google.com
エラー2「Can only audit HTTP/HTTPS pages and Chrome extensions.」
Navigateto a different page to start an audit.
Identify and fix common problems that affect your site’s performance accessibility, and user experience. Learn more
日本語
監査を開始するには、別のページに移動してください。
サイトのパフォーマンス、アクセシビリティ、ユーザー エクスペリエンスに影響を与える一般的な問題を特定して修正します。詳細はこちら
Chromeの設定ページ(chrome://settings/
)で右クリック[検証] → [Lighthouse]タブを開いた時に表示されます。
エラー2.1「Cannot audit chrome://pages.」
Chrome DevTools.
You can also run Lighthouse via the DevTools Audits panel.
Shortcut to open DevTools: F12
日本語
Chrome DevToolsを使用しています。
DevTools AuditsパネルからLighthouseを実行することもできます。
DevToolsを開くショートカット。F12
Chromeの設定ページ(chrome://settings/
)で拡張機能「Lighthouse」をクリックした時に表示されます。
対処法1 WordPressからログアウトする
- WordPressからログアウトします。
- Chrome 右クリック [検証] → [Lighthouse]タブを開くと[Generate report]が使えます。
Microsoft EdgeだとWordPressにログインしたまま、Lighthouseで[Generate report]が使えます。(コツがいります。) 2020.10.14最新版 Lighthouseの[Generate report]をON, OFFそれぞれ3回ずつ実行しました。
対処法3 Microsoft Edge 別のWebサイト → 検証したいサイトの順で検証する
https://koshishirai.com
など)Lighthouse returned error: FAILED_DOCUMENT_REQUEST.
Make sure you are testing the correct URL and that the server is properly responding to all requests. (Detailas: net::ERR_CONNECTION_FAIED)Failed to execite ‘readAsText’ on ‘FileReader’ 1 is not of type ‘Blob’
There were issues affecting this run of Lighthouse
The page may not be loading as expected because your test url (https:// .net) was redirected to https:// .net/en/.
Try testing the second URL directly.動作環境
おまけ PWAをオンにした結果
![]() |
![]() |
---|---|
PWA OFF | PWA ON |
- Cocoon, PWA OFF
- Performance 89
- Accessibility 96
- Best Practice 86
- SEO 91
- Progressive Web App 無効
- Cocoon, PWA ON
- Performance 90
- Accessibility 97
- Best Practice 86
- SEO 97
- Progressive Web App 有効
比較すると
- Performance Pagespeed Insightとほぼ変化なし
- Accessibility ほぼ変化なし
- Best Practice ほぼ変化なし
- SEO → 6UP
- PWA → ON
よって、WordPressテーマ「Cocoon」で試験運用中のPWAはオンにしておくのが良いと思います。
koshishirai
Hard Surface Modeling / Designer