Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

アイキャッチ画像に対してのLazy L...
 
共有:
通知
すべてクリア

[解決済] アイキャッチ画像に対してのLazy Loadについて

10 投稿
2 ユーザー
3 Reactions
2,092 表示
cocoon-user1206
(@cocoon-user1206)
Trusted Member Registered
結合: 6年前
投稿: 63
トピックスターター  

よろしくお願いいたします。

 

過去ログを調べると、アイキャッチ画像にはLazy Loadを適用しないと書いてありました。

https://wp-cocoon.com/community/cocoon-theme/lazy-loadについて/#post-22646

 

今、自分の環境で調べると、アイキャッチ画像のIMGタグ中に loading="lazy" があります。これはLazy Loadが適用される画像という意味と認識しています。

デフォルトではLazy Loadはアイキャッチ画像を対象にしていますか?

それは意図的なものですか?

 

アイキャッチ画像をLazy Loadの対象外にする方法は「Lazy Loadを行いたくない場合は、該当するimgタグに含まれている文字列を改行区切りで入力してください。」のところへ「eye-catch-image」を加えれば可能なので、問題視しておりません。

 

教えていただけますと幸いです。


   
cocoon-user1206
(@cocoon-user1206)
Trusted Member Registered
結合: 6年前
投稿: 63
トピックスターター  

重要なことを書き忘れていました。

私が調べたアイキャッチ画像は「固定ページ」です。

 

もしかすると「投稿」ならLazy Loadの対象外になっているかもしれませんね。


   
cocoon-user1206
(@cocoon-user1206)
Trusted Member Registered
結合: 6年前
投稿: 63
トピックスターター  

「投稿」についても調べたところ、アイキャッチ画像のIMGタグ中に loading="lazy" がありました。

 

連投でごめんなさい。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17372
 
投稿者:: @cocoon-user1206

デフォルトではLazy Loadはアイキャッチ画像を対象にしていますか?

それは意図的なものですか?

現在は意図的に対象にしていないです。
現在閲覧者の主流はモバイルかと思うのですが、モバイルの場合デフォルトでアイキャッチが見えていないケースも結構あるからです。
なので、設定で変更できた方がいいのかなと思ってそのようにしたように思います。
ただ、ここら辺は微妙なところなので、完全に仕様が固まっていない部分でもあります。


   
cocoon-user1206
(@cocoon-user1206)
Trusted Member Registered
結合: 6年前
投稿: 63
トピックスターター  

わいひら様

ご返答頂きありがとうございます。

現在は意図的に対象にしていないです。
現在閲覧者の主流はモバイルかと思うのですが、モバイルの場合デフォルトでアイキャッチが見えていないケースも結構あるからです。
なので、設定で変更できた方がいいのかなと思ってそのようにしたように思います。
ただ、ここら辺は微妙なところなので、完全に仕様が固まっていない部分でもあります。

 

Lazy Loadの除外の対象にしていない、つまり、アイキャッチ画像はLazy Loadの対象になっているのですね。

確かに、モバイル用ページの場合はLazy Loadが必要になる場合があるかもしれませんね。

ありがとうございました。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17372
 

現在は意図的に(Lazy Loadの)対象にしていないです。

という意味です。Lazy Load対象にはしてないです。


   
cocoon-user1206
(@cocoon-user1206)
Trusted Member Registered
結合: 6年前
投稿: 63
トピックスターター  

未だに私が理解不足かもしれません。

 

Lazy Loadは画面に表示されてないものをなるべく読み込まない機能ですよね。スクロールして表示されそうになった時に読み込む。

現在は意図的に(Lazy Loadの)対象にしていないです。

Lazy Loadの対象ではないってことは、普通に表示(レンダリング処理)されるということですよね。

現在閲覧者の主流はモバイルかと思うのですが、モバイルの場合デフォルトでアイキャッチが見えていないケースも結構あるからです。

モバイルは画面が小さいので、アイキャッチが画面に表示されてないケースがあるから、普通に表示したら無駄があるのでは?

だから、Lazy Loadの対象にしておいた方がいい、そういう説明に読めました。

 

すいません?


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17372
 

あ違った、否定形にしているから訳がわからなくなってました ?

現在は意図的にLazy Loadの対象にしています。

でした。


   
cocoon-user1206
(@cocoon-user1206)
Trusted Member Registered
結合: 6年前
投稿: 63
トピックスターター  

わいひら様

 

ご返答頂きありがとうございます。

投稿者:: @yhira

現在は意図的にLazy Loadの対象にしています。

分かりました。ありがとうございました ? 


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17372
 

頭がこんがらがってました ? 


   
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました