Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
アイキャッチ画像の遅延読み込み停止につ...
 
通知
すべてクリア

アイキャッチ画像の遅延読み込み停止について

10 投稿
4 ユーザー
5 Likes
87 表示
suzutarou0518
(@suzutarou0518)
投稿: 5
メンバー
Topic starter
 

質問失礼いたします。

素人なりに色々調べてみたのですが、HTMLは理解ができず、どなたか助言頂けると助かります。

PageSpeed Insightsの評価改善のため、
アイキャッチ画像の遅延読み込みを解除したいのですが、他サイトなどで調べた追加のコードを追記しても、上手く動作しません。
swell子テーマのfunctions.phpになんとコードを追加すればいいでしょうか??
確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました, プラグインを停止しても同じことが起こることを確認しました, デフォルトテーマ等、他のテーマでも同じことが起こることを確認しました, 自分で追加したコードに問題がないかチェック済みです, サポート範囲外だということを理解しているが助けが欲しい(有料サポートしてくれる方を探したい)
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.9
OS
Windows
利用中のWordPressバージョン
6.5.3
利用中のサーバー会社
Xサーバー
ブラウザ
Edge、chrome
利用中のプラグイン一覧

404 Redirection
Ad Invalid Click Protector
Advanced Ads
Advanced Editor Tools
Autoptimize
BackWPup
EWWW Image Optimizer
Pochipp Pro(Pochipp関連他2つ)
Public Post Preview
SEO SIMPLE PACK
Site Kit by Google
Throws SPAM Away
Word Balloon
WP Fastest Cache
WP Mail SMTP
WP Revisions Control
WPForms Lite
XML Sitemap & Google News

 
投稿済 : 13/05/2024 12:08 am
トピックタグ
skillsharejp
(@skillsharejp)
投稿: 1006
SWELL高速化顧問
 

SWELLでは標準でアイキャッチ画像はlazyloadから除外されます。もしlazyloadされている場合、SWELL以外のプラグインなどによって設定されている場合が多いです。

PSIについては下記もご覧ください。

https://qiita.com/skillsharejp/items/acc51ec062af43aa84c0

SWELLフォーラムはユーザーフォーラムのため、開発者以外の回答は全て任意です。当アカウントによる回答もボランティアのため、ヒントの提供に留まる場合があります。

ご依頼のご相談・お問い合わせ窓口
https://skillshare.biz/inquiry/

 
投稿済 : 13/05/2024 1:57 am
suzutarou0518
(@suzutarou0518)
投稿: 5
メンバー
Topic starter
 

@skillsharejp

お忙しい中、さっそくご助言くださりありがとうございます!!

プラグインについては、該当するものとして「Autoptimize」あたりかなとは思いますが、こちらは

第三者パートナーの遅延読み込みのみ設定しています。

 

「lazyloadから除外されている」ということは、アイキャッチは「eager」という解釈であっていますでしょうか。

【PageSpeed Insightsの評価改善のためには、ファーストプレビュー画像を先に読み込むようHTMLを修正する】

という記事をみつけたのですが、現状SWELLのデフォルトなら特に対策はいらないのか。。。

だとすると、ほかのプラグインで「アイキャッチが遅延読み込みになってしまっている」

ということですよね。

 

なにか別に設定すれば「一番先に読み込みする」という設定にできるのでしょうか?

画像もサイズを縮小および圧縮し、アップロードしたのですが、どうしても読み込みに3.2秒以上かかってしまいます。

 

 
投稿済 : 13/05/2024 12:58 pm
His-
 His-
(@his)
投稿: 53
メンバー
 

@suzutarou0518 

設定よりも先にプラグインを全て停止、もしくは1つずつ停止してみて悪影響を及ぼしているプラグインを特定する方が良いのではないでしょうか。

お問い合わせ先▶︎https://blog-mi.com/contact/

 
投稿済 : 13/05/2024 4:13 pm
suzutarou0518
(@suzutarou0518)
投稿: 5
メンバー
Topic starter
 

@his

お忙しい中アドバイスをくださり

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

なるほど!

まずは今あるプラグインを一つずつ確認していくということですね!

試してみます!!!

 
投稿済 : 13/05/2024 5:05 pm
skillsharejp
(@skillsharejp)
投稿: 1006
SWELL高速化顧問
 
投稿者:: @suzutarou0518

プラグインを停止しても同じことが起こることを確認しました

ご自身でも質問時にチェックされてます。まだ問題が発生するということは、停止して確認するというステップを完全に行ってないことになります。

SWELLフォーラムはユーザーフォーラムのため、開発者以外の回答は全て任意です。当アカウントによる回答もボランティアのため、ヒントの提供に留まる場合があります。

ご依頼のご相談・お問い合わせ窓口
https://skillshare.biz/inquiry/

 
投稿済 : 13/05/2024 6:30 pm
山本大介 reacted
しらこ
(@96ssbike)
投稿: 842
メンバー
 

たとえば、EWWW Image Optimizerには、SWELLと同じ遅延読み込み機能として、lazysizes.min.jsが含まれています。設定でオフにすることも可能です。
プラグイン上で「遅延読み込み」のチェックボックスを有効にしていると、プラグイン側でもlazysizes.min.jsが読み込まれるようになるので正常に機能しないことがあります。

たとえば、今回の事案の「アイキャッチ画像に遅延読み込み」もそれが原因かもしれません。

とは言え、原因がEWWW Image Optimizerではない可能性もありますので、可能であれば次回投稿時からはプラグインをひとつずつOFFにして原因を調査した上で投稿していただけると助かります。

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)

 
投稿済 : 13/05/2024 9:35 pm
suzutarou0518
(@suzutarou0518)
投稿: 5
メンバー
Topic starter
 

@skillsharejp

本当にそうですよね..。

無知すぎて理解不足、本当に申し訳ありません...。

プラグインに対する知識や認識が不足しているのも原因です。

お手を煩わせてすみませんでした。

 
投稿済 : 14/05/2024 6:15 am
suzutarou0518
(@suzutarou0518)
投稿: 5
メンバー
Topic starter
 

@96ssbike

お忙しい中、ご助言ありがとうございます!!

すごく丁寧に説明して下さってかなり助かります!!

そもそもEWWW Image Optimizerは

画像圧縮できるくらいにしか思っていなかったので気をつけます。

swell開発者さんの記事にも、相性のよくないプラグインに挙げられていましたので、停止して内容を確認します。

勇気を出して初めて質問しましたが、とにかくチェック不足ですね。

次からはきちんと確認してから質問するように致します。

ご迷惑をお掛けしました。

 
投稿済 : 14/05/2024 6:24 am
しらこ
(@96ssbike)
投稿: 842
メンバー
 

@suzutarou0518 さん、今私が喋ったEWWW Image Optimizerのことは、あくまで推測でしかないので、実際にはご自身で検証していただく形となります。もしかしたら、私が知らないだけで他のプラグインの影響かもしれません。

同一の環境を作るのはわりと手間がかかったり、困難なケースがあったりするので、できれば自分でプラグインの原因を探ってもらえると助かるなぁといったことでした。

なんにせよ、たくさんあるプラグインの全部に詳しいわけではないので、上記に関しては私の知っている範囲をお話ししたのみです。

ですので、お役に立てられるかもしれないし、お役に立てられないかもしれないんですが、できればお役に立てられれば幸いです。

This post was modified 2週間前 by しらこ

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)

 
投稿済 : 14/05/2024 10:52 am
山本大介 reacted
共有: