サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2023年8月11日 18:41
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：1
----------------------------------------------
利用中のプラグイン：
Akismet Anti-Spam: Spam Protection 5.2
BackWPup 4.0.0
Broken Link Checker 2.2.1
Contact Form 7 5.8
Easy Table of Contents 2.0.53
EWWW Image Optimizer 7.2.0
Jetpack 12.4
SiteGuard WP Plugin 1.7.5
Site Kit by Google 1.106.0
WP Multibyte Patch 2.9
XML Sitemap Generator for Google 4.1.13
----------------------------------------------
cocoon設定の高速化
ブラウザキャッシュの有効化
CSSを縮小化する
JavaScriptを縮小化する
Lazy Loadを有効にする
Googleフォントの非同期読み込みを有効にする
これを今日設定したのですが、メニューバーとナビゲーションバーを
オレンジに設定していたのですが、白になってしまいます。
おまけにページの記事を読むと余白が無くなって、ぎっちりと詰まってしまいました。
これらは、外すと治りますが、設定してはいけないのでしょうか？
これが駄目なら他の高速化はどのようにしたらいいのか？教えて欲しいです。
トピックスターター 2023年8月11日 18:44
携帯のパフォーマンスが低いとなってしまいます。
2023年8月11日 18:58
よくある原因としては、自身で書いたCSSが間違ってることです。
圧縮しない状態ではブラウザが無理やり解釈してどうにかしてくれていたのが、圧縮することで他のCSSと合わさってCSSが適用されなくなることがあります。
わいひら reacted
2023年8月11日 19:02
外観>カスタマイズ>追加CSSとかに以下のCSSを書いていませんか？
セレクタ{
font-family: "Font Awesome 5 Free";
font-weight: 900";
}
セレクタに英数字以外は使えないので、ここが間違っています。
わいひら reacted
2023年8月11日 20:12
このコードが何をしたいのかが分からないです。
CSSというのはざっくり言うと「この部分を、こんな見た目にする」というのが書いてあります。
「セレクタ」と書かれている部分が「この部分を」で、{}の中に書かれているのが「こんな見た目にする」です。
本来なら「セレクタ」部分には、例えばページ全体に適用したければ「body」と書いたり、プロフィールボックスに適用したければ「.author-box」と書いたりします。
現在の(高速化する前の)見た目が想定通りのものなのであれば、「セレクタ{}」は特に何の意味の意味もないものなので、丸ごと削除してしまって良いのではないでしょうか。
わいひら reacted
トピックスターター 2023年8月11日 20:41
回答本当にありがとうございます。
消して、高速化しても問題ありませんでした。
でも、計測したら数字が20も下がってしまいました。
これはどうしたらいいのでしょうか？
何度もすみません。
本当に教えて頂きたいです。
よろしくお願いいたします。
2023年8月11日 21:58
PageSpeed Insightsでは下の方に何が原因でスコアが悪くなっているのかが書かれているはずです。
「書かれてる原因 WordPress」とかで検索すれば良いと思います。
例えば添付したのはトップページをPageSpeed Insightsで見たものですが、一番上の「次世代フォーマットでの画像配信」はプラグインを導入することで改善できます。
また全ての項目が完全に改善できるものではないです。
広告を外して画像や外部のリソースは削除して文字だけのサイトにしてサーバーのスペックも上げる、みたいな改善方法しかない場合もあるので、実際にサイトにアクセスした時に不便でなければ気にし過ぎる必要はないと思います。
わいひら reacted
2023年8月12日 16:54
はるさんが、書かれているようにPageSpeed Insightsは完全に対応できるものではありません。
例えばアドセンスなどのスクリプトなどの外部的要因によりスコアが大きく下がることもあります。外部的要因は他サービスの内容を変更しないとダメなので実質無理なこともあります。
実際にブラウザを使用したユーザーが読み込んだ時間を計測する以下のようなブックマークレットもあるので、こういうのも含めて総合的に判断するのも良いのかもしれません。
https://webtan.impress.co.jp/e/2013/01/29/14562
トピックスターター 2023年8月12日 18:31
返信ありがとうございました。
返信に気付かず、ひたすら調べておりました。
こちらのcocoonのフォーラムでの書込みで、
「LiteSpeed系サーバーの場合は、LiteSpeed Cacheの利用をお勧めします」と記載があったので、
サーバーを調べたら、このLiteSpeed系サーバーでした。
そこで、使用していたWP Fastest Cacheから変更し、LiteSpeed Cacheに変更した所
大幅な改善ができました。
昨日画像が壊れて、泣きそうでした。
直ぐにお返事を頂きまして、本当にありがとうございました。
本当にどんなに気持ちが救われたか分りません。
本当にありがとうございました 😭
2023年8月12日 18:53
こちらのcocoonのフォーラムでの書込みで、
「LiteSpeed系サーバーの場合は、LiteSpeed Cacheの利用をお勧めします」と記載があったので、
サーバーを調べたら、このLiteSpeed系サーバーでした。
そこで、使用していたWP Fastest Cacheから変更し、LiteSpeed Cacheに変更した所
大幅な改善ができました。
めちゃくちゃ改善されてますね。
最近LiteSpeed Cacheは、使ってなかったのでそこまで改善すると思ってませんでした。
うまいこと改善できたようで良かったです！
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。