web-dev-qa-db-fra.com

Image mobile en vedette bogue

J'ai un problème étrange sur mon site qui n'affecte que le mobile . Si vous faites défiler la section noire "What's Hot" vers le bas, vous verrez les publications standard avec les images en vedette. Désormais, si vous actualisez la page, les images standard figurant après la section "What's Hot" ne sont pas disponibles. Rien ne s'affiche dans les journaux Apache ou WordPress, et si vous naviguez dans une session privée, les images présentées apparaissent. Cela me porte à croire que c'est un problème de cache, mais je ne sais pas comment procéder à partir de là.

Autre remarque, j'ai vraiment remarqué cela lorsque j'ai basculé sur HTTPS et que je sers un contenu mixte (images sur http, tout le reste sur https pour des performances optimales). Voici mes règles de réécriture de mon .htaccess (je viens de les extraire d'un tutoriel):

# 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

J'ai vérifié que cela affectait Android 6.0.1 sur une poignée d'appareils, ainsi que certaines variantes de l'iPhone. À ce stade, je ne sais vraiment pas comment procéder.

imagescachemobile
1
Sal

enter image description here

Les images qui ne sont pas en cours de chargement portent le nom de domaine https://i2.wp.com Il s’agit du CDN utilisé lorsque vous activez le module PHOTON dans le Plugin Jetpack . Si vous désactivez le module PHOTON ou désactivez le plug-in Jetpack , vous devriez vous débarrasser du problème.

0
Tunji

Les images que vous chargez sont toujours trop grandes pour l'écran de visualisation, comme par exemple cette image - https://meta-game.org/wp-content/uploads/2016/12/league_of_legends_world_championship_2015.0.0.jpg, 1600 x 900 pixels . Comme alternative pour la vue mobile, cette image est définie - https://i2.wp.com/meta-game.org/wp-content/uploads/bfi_thumb/dummy-transparent-n019axwscfu441qfxjqwpodrdle9kgsyvjjtwpvhgo.png?zoom=2&resize=288%2C162, mais il s’agit d’un mannequin transparent.

Pour cette utilisation, vous devez utiliser une vignette de taille réduite pour un chargement rapide. Modifiez votre source de thème pour charger une vignette de chaque image. Peut-être avez-vous une fonction dans le functions.php de votre thème, une option de configuration ou bien d’autres possibilités pour cette définition. Pour analyser cela, utilisez un Webinspector dans un navigateur sur un bureau, comme dans Chrome - Capture d'écran ci-dessous. enter image description here

  • Aussi l'indice. La question est de localiser et sans code n'est pas vraiment possible de résoudre le sujet. Peut-être devriez-vous demander au développeur, à l'équipe de support de cette équipe, de résoudre ce problème.
2
bueltge