画像周りで高速化のための改善点
 
通知
すべてクリア

画像周りで高速化のための改善点

3 投稿
2 ユーザー
0 Reactions
60 表示
Y. INABA
(@yinaba)
投稿: 150
Estimable Member
トピックスターター
 

お世話になっております。

Pagespeed Insightsでテストを繰り返していたら気がついたところがありました。
お忙しいところ恐れ入りますが、以下ご対応いただいてもよろしいでしょうか。

 

①アイキャッチ画像の遅延読み込み解除

各記事・固定ページ等のアイキャッチ画像が、WordPressのネイティブLazyLoadの対象に入り込んでしまっています。
こちらは意図的に解除した方が良いと思いますので、ご対応いただいてもよろしいでしょうか。

※もしかすると、以下についてもネイティブLazyLoadから外した方が良いかも知れません。

  • メインビジュアル(1枚目のみ)
  • タイトルエリアの背景画像
  • ロゴ画像

※セクションの背景画像など、意図的にLazyLoadを外せる(もしくは入れる)設定が欲しい箇所がありますので、こちらについてもご検討いただけますと幸いです。

 

②レビューブロックなどの遅延読み込み指定入れ

上記とは逆に、レビューブロックの画像など、LazyLoadが外れていると思われる箇所がありました(意図的かどうかは分かりません)。
すべて検証しているわけではありませんが、ともあれ高速化の観点からすると今ひとつよろしくないと思います。

画像が関わる全てのブロックについて検証いただいた上で、遅延読み込みの設定が確実に意図通りに反映できるように改善いただけますと幸いです。

 

③ブログカードの画像について縮小化・最適化するようにしてほしい

以前要望を入れたことと若干内容がかぶるのですが、外部リンクでブログカード経由で情報を取得した場合、アイキャッチ画像がそのまま読み出されております。
極端な話、1920px×1200pxの画像がリンク先のアイキャッチ画像に設定されていると、それをそのまま読み込もうとしてしまいます。

これはページ読み込みに時間がかかる大きな要因ともなりますし、Pagespeed Insightsのスコア低下にもつながります。
そればかりか、リンク先のサーバーにも負荷が掛かり続けることにもつながり、多大な迷惑となってしまいます。

なので、やはりキャッシュを取得するなどして、適正な大きさに縮小の上で、高速化するようにしていただけますと大変ありがたいです。

また、ブログカードの画像について(これは内部・外部問いません)、記事一覧ブロックなどと同様に比率を変更いただけるようにしていただけますと、こちらも大変嬉しいです。

 

かなり長い要望となってしまいましたが、順次進めていただけますと幸いです。
よろしくお願いします。

XWRITEバージョン
2.9.12
WordPressバージョン
6.7.2
PHPバージョン
8.2.22
ガイドラインへの同意
フォーラムガイドライン」に同意します。
個人情報の記載に関する確認
個人情報の記載がないことを確認しました。
このトピックは2週間前からY. INABAに変更されました

XWRITEがリリースされたときからのユーザーです。
現在、XWRITE利用者に向けた資料記事を少しずつ作成しております。
※回答は個人の見解によるもので、エックスサーバー様のご意見とは異なる場合がございます※

▼FAQ集(非公式です)
https://151en.com/wordpress/20250125/11552/

 
投稿済 : 2025年3月20日 2:30 PM
Y. INABA
(@yinaba)
投稿: 150
Estimable Member
トピックスターター
 

重ねて失礼いたします。

「③ブログカード」の件についてタイムリーな質問がCocoonの方に流れ込んできました。

【質問】ブログカードに使われる画像について | 雑談 | Cocoon フォーラム

Cocoonではブログカードのデータが画像含めてキャッシュされますので、基本的に直リンクが問題になることはありませんが、XWRITEでは画像がキャッシュされませんので「直リンク」問題は解決すべき点だと思います。

せっかくCocoonのわいひらさんとの連携が密になっているのであれば、こちらの点も早期解決いただけますと幸いです。

ご検討よろしくお願いします。

XWRITEがリリースされたときからのユーザーです。
現在、XWRITE利用者に向けた資料記事を少しずつ作成しております。
※回答は個人の見解によるもので、エックスサーバー様のご意見とは異なる場合がございます※

▼FAQ集(非公式です)
https://151en.com/wordpress/20250125/11552/

 
投稿済 : 2025年3月21日 9:45 AM
hamada(XWRITE開発)
(@hamada)
投稿: 44
Eminent Member Moderator
 

@yinaba さま

返信遅くなりまして申し訳ございません。

①画像の遅延読み込み(LazyLoad)設定について
読み込み速度に関わるLazyLoadの調整機能は
必要かと思いますので調整を検討します。

②ブログカードの画像の縮小化・最適化について
ご指摘いただいた通り、表示の効率化は重要な課題と認識しております。
ブログカード画像用に最適化されたキャッシュ画像を生成する
オプションの実装を検討いたします。

貴重なご意見をいただき、ありがとうございます。
今後ともどうぞよろしくお願いいたします。

 
投稿済 : 2025年4月1日 9:43 PM
共有: