Barebones (No CSS Styling) Seiten Display Während der Last

Question

Laden ohne CSS

Unsere Webseite scheint zunächst ohne die entsprechende CSS-Styling zu laden. Es dauert einige Sekunden, bis die vollständig stilisierte Website angezeigt wird. Gibt es gemeinsame Gründe dafür? Wir haben unsere übergreifenden Theme-Pakete von phpBB neu installiert und den Cache der Website einige Male gelöscht. Ich bin mir nicht sicher, ob irgendjemand aggressiv ist, aber es ist nur etwas daran, dass die Website anfänglich 'Barebones' lädt, was unprofessionell scheint.

Vielen Dank für die Hilfe!

Answer 1

Es kann nicht möglich sein, mit phpBB zu tun, aber die beste Lösung für die „flash of unstyled content“ ist der critical path CSS inline enthält, in einem <style> Block in dem Kopf Ihrer Webseite ein. Diese Stile werden wirksam, sobald Ihre Seite geladen wird. Auf diese Weise sieht Ihre Seite ordentlich aus, während Sie auf die anderen externen CSS- oder Javascript-Dateien warten. Es gibt eine Critical Path CSS Generator tool online, die Ihnen sagt, welche Stile kritisch sind.

Auch sollte Ihr CSS vor Javascript kommen. Skripts blockieren den Rest der Seite beim Laden, einschließlich der Stile.

Tools wie Web Page Test können Ihnen zeigen, was das Laden Ihrer Seite verlangsamt.

Wie erwähnt, ist eine Lösung, Ihre Seite unsichtbar zu machen, bis alle Stile geladen sind, aber das scheint auch unprofessionell.