サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2019年9月28日 22:50
お世話になっております。
コクーンのLazy-loadとグーグルプラグインネイティブLazy-loadの違いはありますか？
https://www.suzukikenichi.com/blog/google-releases-native-lazyload-plugin-for-wordpress/
あと、メリットがあるならどちらを導入した方がいいと思いますか？
お時間のある時で結構なので回答をいただければと思います。
2019年9月29日 10:49
ブラウザネイティブである分、JSの読み込み等が必要なく、機能として見れば最適化されています。
導入するだけならありかと思いますが、ブラウザの対応がまだまだなので、
メリットがあるならどちらを導入した方がいいと思いますか？
については併用するしかありません。
Cocoonで用いているlazyloadも一応Googleが公開している検索エンジン向けの仕様に則ったものであるため、問題はないと思います。
わいひら reacted
Topic starter
2019年9月29日 11:25
ロコさんお忙しいところありがとうございます！
併用でいけるのなら一度併用をして試してみたいと思います<(_ _)>
2019年9月29日 19:53
Chrome以外のブラウザ対応がまだで、いずれにせよscriptを読み込む必要があるので、あまり意味がないかなと採用していませんでした。
ただ、併用もテストしておいた方が良いかなと思い、この機会にLazy Loadが有効になっているときは、loading=”lazy”属性も入るようにしてみました。
------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------
Topic starter
2019年9月29日 23:12
わいひらさんありがとうございます！
アップデートしたので試してみます！
2019年9月30日 18:05
もしよろしければ、試した結果も書いていただけると幸いです。
Topic starter
2019年9月30日 20:50
MacとアンドロイドクロームとMacとiPhoneのサファリで試していますが、体感では代わりがないです…
ネイティブレイジーロードに対応していないブラウザーがサファリしかないので検証不十分かもしれませんが今の所、変化がわからないですね…
ちなみに、ページスピードインデックスでも変化はないですね
Topic starter
2019年9月30日 21:01
ちなみに、loading="lazy"はimgタグの中以外に、iframeタグの中にも設置されてますか？
ボクの記事のユーチューブの埋め込みのコードを見ると見つからなかったモノで…
2019年9月30日 21:47
MacとアンドロイドクロームとMacとiPhoneのサファリで試していますが、体感では代わりがないです…
ちなみに、ページスピードインデックスでも変化はないですね
そうなるとは思います。
動作的に問題ないかということをお聞きしたかったのですが、それは大丈夫ということですよね？
ちなみに、loading="lazy"はimgタグの中以外に、iframeタグの中にも設置されてますか？
多分、先日ダウンロードしたものでは、採用されていないと思います。
ただ、その後アップしたGitHubの最新版には反映しているので、もう一度アップデートして試してみてください。
------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------
もし、アップデート後も反映されていないようであれば、そのページのURLを教えていただければ幸いです。
Topic starter
2019年9月30日 23:35
わいひらさんありがとうございます！
動作的に問題ないです。
ただ、気になるのは…アイキャッチにloading="lazy"がないのですが…必要ないかもしれないですが一応つけた方がいいのかも…と思います。
2019年10月1日 19:21
ご確認ありがとうございます。
ただ、気になるのは…アイキャッチにloading="lazy"がないのですが…必要ないかもしれないですが一応つけた方がいいのかも…と思います。
今は除外しています。
必要ないかもしれないのに、つけたほうが良いというのは？
その理由をお聞かせください。
Topic starter
2019年10月1日 20:29
特に理由はないですが、併用でやっていくなら全ての<img>タグにloading="lazy"を付けた方が良いんだろうな〜って漠然と思っただけです。
これは付けて、これは付けないは後から混乱しそう…
2019年10月1日 22:00
お疲れ様です。
これは付けて、これは付けないは後から混乱しそう…
アイキャッチに関して、広告やウィジェットをたくさん入れているサイトを想定して。って話なんですかねぇ？
個人的にはアイキャッチはほぼ冒頭にあるんで、ヘッダー画像にLazyLoadを付ける位に必要ない気がするんですけど
何で混乱するのか分からない。っていうイメージです。いちユーザーの個人的に感想だけなんですが❦
わいひら reacted
2019年10月1日 22:05
他に除外しているものと言えば例えば、サイトロゴにも入っていません。
これは、ファーストビューで表示される部分なので、後から読み込まれると訪問者がストレスを感じる恐れがあるので除外しています（通常Lazy Load だとページほぼ全体が読み込まれてスクリプトが読み込まれてようやく表示されるので、ストレスを感じる場合がある）。
アイキャッチも同様の理由で除外しています。
ただ、パソコンではファーストビューにはいるけど、スマホだとファーストビューに入らない可能性もあるので、ここら辺はつけるかつけないかは微妙なところではあるのですが（タブレットだと入る可能性が高い）。
ただ今のところは、すぐに目に入る部分なので、Lazy Loadしないようにしていると言った感じです。
Topic starter
2019年10月1日 22:32
なるほど!納得しました(*^-^*)
確かにファーストビューで後から読み込まれて、ガタガタ画面が動くのはストレスかもしれないですね！
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。