Seite erscheint leer aber auswählbar in Safari auf iOS9 beim ersten Besuch

Question

Also, wenn Sie http://movableink.com/ auf Safari auf iOS9 besuchen.

Klicken Sie dann in der Kopfzeile auf http://movableink.com/partners

Beim ersten Besuch oder langsamere Verbindungen die gesamte Seite in Safari leer macht.

Dies ist eine hübsche Standardseite. Es gibt keinen spezifischen Code, der das verursacht. Dies ist eine neue Seite mit einer anderen CSS-Datei, es ist die erste responsive Seite.

Allerdings sind der Text und der Inhalt wählbar (aber nicht hier) und auch wenn ich es im Safari Entwicklerinspektor auschecke, wenn das Telefon an einen Mac angeschlossen ist, gibt es auch nichts Bemerkenswertes über die Seite.

Sie möchten im privaten Browser suchen, möchten Sie zuerst die Homepage öffnen und dann auf "Partner" klicken.

Was könnte möglicherweise dazu führen, dass dieses Problem der Seite verschwindet?

Answer 1

Ich konnte dies auf meinem iOS 9 Gerät sehr gut reproduzieren, wenn ein Werbeblocker aktiv war (in meinem Fall: Crystal und Lionz). Ohne diesen Werbeblocker würde die Seite problemlos ohne leeren Bildschirm geladen.

Durch die Verwendung eines anderen Werbeblocker (z. B. 1locker) läuft die Seite auch reibungslos.

Für mich bezieht sich das Problem nur auf bestimmte Ad-Blocker-Apps auf iOS.

Answer 2

Ich habe einige Tests gemacht, es könnte nur Timing-Probleme aufgrund entweder nicht optimierten Server-Code (wie das Generieren des gesamten Site-Stacks bei jeder ersten Anfrage von einem Client) oder CSS generieren.

Bei der ersten Belastung ist es konsequent 700ms, unabhängig von mobilen oder Desktop. Safari wird auf dem Handy empfindlicher sein, da es nicht so viele parallele Ressourcen verarbeitet, nachdem es eine Liste von URLs erhalten hat.

Wenn Sie ein CMS verwenden, prüfen Sie, ob Optimierungs-/Caching-Lösungen im System integriert sind und schalten Sie es ein, um festzustellen, ob sich die Ladezeiten ändern.

Eine andere Alternative ist Cloud verteilt CDNs wie Cloud Flare (kostenlos für grundlegende, andere Pläne für intensiver).