web-dev-qa-db-ja.com

モバイル特集画像のバグ

私のサイト でモバイルにのみ影響する奇妙な問題があります 。黒の「最新情報」セクションを下にスクロールすると、標準の投稿におすすめの画像が表示されます。今、あなたがページを更新するならば、「最新情報」セクションの後の標準の投稿は注目の画像を見逃しています。 Apacheやwordpressのログには何も表示されず、プライベートセッションで閲覧した場合は、注目の画像が表示されます。これは私がそれがキャッシング問題であると信じるように私を導きます、しかし私はそこから進む方法を知りません。

別の副次的な注意、私がHTTPSに交換したとき、私は本当にこれに気付きました、そして、私は混合したコンテンツを提供しています（httpの上の画像、パフォーマンスのためのhttpsの上の他のすべて）。これが私の.htaccessからの私の書き換え規則です（私はただチュートリアルからそれらをリッピングしました）：

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

# END WordPress

私はこれが、ほんの一握りのデバイス上のAndroid 6.0.1およびiPhoneのいくつかのバリエーションに影響を及ぼしていることを確認しました。現時点では、私は本当に進むべきか分からない。

imagescachemobile
1
Sal

enter image description here

ロードされていないイメージは、ドメインhttps://i2.wp.comの接頭辞が付きます。これは、 _ Jetpack Plugin のPHOTONモジュールをアクティブにするときに使用される CDN です。 PHOTONモジュールを無効にするか、 Jetpack Plugin を無効にすると、問題は解決します。

0
Tunji

そこにあなたがロードする画像は例としてこのビュースクリーンのためにいつも大きいです - https://meta-game.org/wp-content/uploads/2016/12/league_of_legends_world_championship_2015.0.0.jpg、1600 x 900ピクセル。モバイルビューの代わりに、この画像が定義されています - https://i2.wp.com/meta-game.org/wp-content/uploads/bfi_thumb/dummy-transparent-n019axwscfu441qfxjqwpodrdle9kgsyvjjtwpvhgo.png?zoom=2&resize=288%2C162が、これは透明なダミーです。

この用途には、高速にロードするために小さいサイズのサムネイルを使用する必要があります。テーマソースを変更して、各画像のサムネイルをロードします。たぶんあなたはあなたのテーマのfunctions.php内の機能、設定オプション、またはこの定義に対する他の多くの機会を持っているかもしれません。これを分析するには、Chromeのようにデスクトップ上のブラウザ内のWebinspectorを使用します - 下のスクリーンショット。 enter image description here

  • またヒント。問題はローカライズすることであり、コードなしではトピックを解決することは実際には不可能です。多分あなたは開発者、このチームのサポートチームにこの固体を解決するように頼むべきです。
2
bueltge