Die fraglichen Bilder sind JPEGs und ich habe sie auf eine kleinere Größe (30 KB) gebracht. Die betreffende WordPress-Site reagiert und dieses Problem tritt auf, wenn ich das mobile Netzwerk zum Laden der Site verwende. Drahtlos hat es keine Probleme, aber bei 3G / 4G werden Bilder zufällig geladen, einige sind beschädigt, Bilder tauschen die Plätze, sodass alle CSS und JS durcheinander gebracht werden. Ich verwende den W3-Cache, um die Geschwindigkeit zu erhöhen, aber nichts hilft. Einige Bilder sind halb grau, schwarz und sehen manchmal beschädigt aus. Dies passiert nur auf iOS-Geräten mit Safari-Browser.
Hatte noch jemand das gleiche Problem? Auf dem Desktop, der kabelgebunden oder drahtlos ist, hatte ich dieses Problem noch nie.
Ich bin mir nicht sicher, ob es mit der Datenbank oder der allgemeinen Site-Leistung des Servers zu tun hat. Jede Hilfe wird sehr geschätzt.
Bei der Unterstützung unserer WordPress-Clients bin ich dutzende Male mit einem solchen Problem konfrontiert worden. Es gibt zwei allgemeine Gründe für ein solches Verhalten:
- Sie verwenden ein CDN (Content Delivery Network), das Sie in Ihrer Frage nicht erwähnt haben, und verschiedene CDN-Server geben unterschiedliche Website-Cache-Versionen aus. Wenn Sie CDN verwenden, versuchen Sie, den Cache Ihres lokalen Plugins zu leeren, deaktivieren Sie Ihr lokales Plugin und leeren Sie Ihren CDN-Cache.
- Manchmal können Miniaturansichten von Bildern beschädigt werden, obwohl sie noch vorhanden sind. Versuchen Sie zu installieren “Erzwingen Sie die Neugenerierung von Miniaturansichten” Plugin und regenerieren Sie alle Thumbnails.
Obwohl die beiden oben genannten Gründe am häufigsten vorkommen, kann das Problem selbst auch mit etwas anderem zusammenhängen, beispielsweise mit einem bestimmten Plugin. In diesem Fall ist es möglicherweise eine gute Idee, Ihre Plugins nacheinander vorübergehend zu deaktivieren und zu sehen, ob das Problem behoben ist.
Falls eines davon nicht hilft, ist einiges an Debugging-Arbeit erforderlich, daher könnte es eine gute Idee sein, einen WordPress-Entwickler für etwa eine Stunde damit zu beauftragen, das Problem zu beheben.
Viel Glück!
Wenn Sie Zugriff auf einen Mac + Safari haben, können Sie versuchen, Ihr iOS-Gerät remote zu debuggen. Wenn Sie dies tun, können Sie die Entwicklersymbolleiste für das Gerät öffnen, damit Sie sehen können, ob die Informationen tatsächlich geladen werden. dh. Wenn das durcheinandergebrachte Bild auf der Desktop-Site 300 KB groß ist, das iOS-Gerät jedoch ein 30 KB-Bild lädt, würden Sie wissen, dass Sie irgendwo Daten verlieren.
Ich habe dieses spezielle Problem nicht gesehen, aber ich hatte ähnliche Probleme, die aufgrund schlechter CDN-Links, Caching-Plugins und verzögertem Laden von Bildern auftauchten.
Ein weiterer Hinweis, nach dem Sie suchen sollten, wäre, ob Ihr Thema / Ihre Vorlage / Ihre Plugins src-Sets verwenden. Es ist möglich, dass Ihre normale Version des Bildes in Ordnung ist, aber die Bilder im srcset für Mobilgeräte sind alle durcheinander.
Wie oben erwähnt, deaktivieren Sie den w3-Cache vollständig, um zu beheben, dass dies nicht das Problem ist. Dann schauen Sie sich die Plugins an.
13851100cookie-checkSafari auf iOS-Geräten lädt beschädigte Bilder – WordPress-Siteyes
Ich bin gerade heute auf dasselbe Problem gestoßen. Beim Löschen des mobilen Browser-Cache änderten sich die “Problembilder” und verschiedene Bilder wurden vertauscht oder beschädigt. Wie bei dir verschwindet mein Problem im WLAN. Unsere statischen Ärsche werden von Akamai bedient, daher sollte die serverseitige Geschwindigkeit kein Problem sein. Wir betreiben kein WordPress, das ist also auch nicht das Kernproblem. Das Problem wurde auf einem iPhone 4S mit iOS 8.1 gefunden, das über 4G kommuniziert. Dasselbe Gerät im WLAN hatte kein Korruptions-/Austauschproblem.
– Brandon Belvin
30. Oktober 2014 um 2:27 Uhr
Anscheinend ist dies kein neues oder ungewöhnliches Problem: Discussions.apple.com/thread/6563683
– Brandon Belvin
30. Oktober 2014 um 2:45 Uhr
Danke Brandon. Ich habe etwas recherchiert und herausgefunden, dass es einige Einschränkungen für die Größe von Ajax-Inhalten gibt, die auf Safari mit 3g/4g-Dienst geladen werden. Ich habe aber keine Lösung gefunden. Es betrifft alle iOS-Geräte und nicht nur das iPhone 4S.
– nur ich
7. November 2014 um 20:36 Uhr
Passiert das, wenn Sie die Chrome-App anstelle von Safari als Browser verwenden?
– Markus
13. Mai 2015 um 22:05 Uhr
Haben Sie versucht, eine Cloud-Image-Optimierungslösung wie Cloudinary zu verwenden? Es würde die Bilder basierend darauf optimieren, was für den Browser am besten ist. Wenn es sich um ein Problem mit der Bildgröße handelt, würde dieser Service sicherlich helfen. Wir verwenden es in der Produktion für unsere Nachrichtenseiten, und es leistet erstaunliche Dinge für die Seitenladeleistung, weil wir so viele Bilder haben.
– Seth C.
6. Juli 2015 um 19:58 Uhr