投稿者:: @kazuaki

その他Cocoonファイルが残る場合にはどちらに入るものなのかわかれば知りたいです。

あるとしたらWordpressのインストールフォルダかと思います。

わいひらさん、ありがとうございます。今後もcocoon使うサイトもあるので宜しくお願い致します。

ちなみに現在使用中のサイトにはキャプチャーの様な「cocoon-service-worker」「cocoon-manifest」「cocoon-htaccess」などはないのですがどこかのバージョンや設定でできてしまったのでしょうか？

投稿者:: @kazuaki

ちなみに現在使用中のサイトにはキャプチャーの様な「cocoon-service-worker」「cocoon-manifest」「cocoon-htaccess」などはないのですがどこかのバージョンや設定でできてしまったのでしょうか？

「cocoon-service-worker」「cocoon-manifest」はPWA。

「cocoon-htaccess」は、高速化設定のブラウザキャッシュ設定かとおそらく思われます。

返信ありがとうございます。

あれから、cocoon-service-worker.jsのファイルを消すなどしたのですが
PWAがどこかにあるためか、常にcocoon-service-worker.jsのエラーが出続けます。

改善する方法はありますでしょうか？

[Fri Sep 10 16:44:38.114581 2021] [core:error] [pid 143174] [client 114.164.225.95:0] AH00126: Invalid URI in request 'index.php' 'GET /cocoon-service-worker.js HTTP/1.1', referer: https://　.jp/cocoon-service-worker.js

となります。

PWAの知識がないので消したりしないとダメなのでしょうか？

現状テーマはSWELLを使用しています。

今までサイトを表示させたことがないブラウザーはありますでしょうか？
あれば、そのブラウザとかでもエラーメッセージは表示されますか？
まずこちらを確認していただいてよろしいでしょうか。

横から失礼します。私も同じエラーが出ます。PWA化したいのでService Workerは消したくありません。PWAを無効にするとこのエラーは消えます。

cocoon設定に（非推奨）と表示されていますが、他のPWAプラグインを使っても相性が良くないという事でしょうか？

それから、添付画像に表示されているAPIエラーですが、こちらは恐らくプッシュ通知のものかとは思うのですが、ソースに表示されているのがService Wokerエラーと同じなのが気になっています。

下記Service Workerエラーに表示されているリンク先です。

https://developer.chrome.com/docs/lighthouse/best-practices/errors-in-console/?utm_source=lighthouse&utm_medium=lr

こちらはAPIエラーのリンク先です。

https://developer.chrome.com/docs/lighthouse/best-practices/deprecations/?utm_source=lighthouse&utm_medium=lr

【追記】

アイコンは512×512で設定しています。

【追記】

デベロッパーツールで調べた結果です。マニフェストにも問題がありそうです。

INSTALLABLE

Web app manifest or service worker do not meet the installability requirements 1 reason

Service worker is the technology that enables your app to use many Progressive Web App features, such as offline, add to homescreen, and push notifications. With proper service worker and manifest implementations, browsers can proactively prompt users to add your app to their homescreen, which can lead to higher engagement. Learn more about manifest installability requirements.

PWA OPTIMIZED

Is not configured for a custom splash screenFailures: No manifest was fetched.

A themed splash screen ensures a high-quality experience when users launch your app from their homescreens. Learn more about splash screens.

Does not set a theme color for the address bar.Failures: No manifest was fetched, No `<meta name="theme-color">` tag found.

The browser address bar can be themed to match your site. Learn more about theming the address bar.

Content is sized correctly for the viewport

Has a <meta name="viewport"> tag with width or initial-scale

Manifest doesn't have a maskable iconNo manifest was fetched

ADDITIONAL ITEMS TO MANUALLY CHECK (3)

Hide

Site works cross-browser

Page transitions don't feel like they block on the network

Each page has a URL

These checks are required by the baseline PWA Checklist but are not automatically checked by Lighthouse. They do not affect your score but it's important that you verify them manually.

• Captured at Nov 21, 2023, 3:19 PM GMT+9
• Emulated Moto G Power with Lighthouse 11.1.0
• Single page load
• Initial page load
• Slow 4G throttling
• Using Chromium 119.0.0.0 with devtools

Generated by Lighthouse 11.1.0 | File an issue

Drawer hidden

こちらcocoon設定のpwaを無効化して、他のpwaプラグインを入れることで自己解決しました。

スプラッシュ画像の背景やテーマカラー、スプラッシュ画像、オフライン表示の記述がマニフェストに必要なのかと思われます。

APIエラーの方は相変わらず表示されてますが、新しく作成されたService Wokerを見ると下記の記述があったのでpwaの問題は解消されました。

importScripts( 'https://ドメイン/wp-content/plugins/onesignal-free-web-push-notifications/sdk_files/OneSignalSDKWorker.js.php' );