Header- und Navi-Objekte werden ganz zum Schluss geladen !?

    Hallo Wordpress-Freunde,

    ich bastle gerade an einem eigenen Wordpress-Theme und war irritiert, dass Header-Hintergrundbild und Bilder im nav-Bereich so lange laden.
    Nun habe ich die Seite mal über GTmetrix laufen lassen, und siehe da: diese Header-Objekte werden erst ganz zum Schluss geladen, d.h. der komplette Content hat Vorrang.

    Hat jemand eine Erklärung hierfür?

    Vielen Dank für Eure Antworten im voraus :razz:

    Gruß, Andreas

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren


    Um das ganze zu verdeutlichen, hier ein Screenshot der Seitenanalyse. Es geht um die letzten drei Positionen. Punkt 2 und 3 sind die besagten Bilder (Hintergrundbild im <header>-Bereich, Bild im <nav>-Bereich) und werden angeführt von dem Script "...themes/twentytwelve/js/navigation.js?ver=1.0".
    Vermutlich ist diese navigation.js verantwortlich für das Laden ganz am Ende der Seite. Was könnte die Ursache sein?

    vermutlich lässt du .js Dateien über irgendein Plugin / eine Funktion am Ende der Seite laden, was ja auch i.d.R. richtig ist.
    Hast du mal einen Link zum Blog?

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Du könntest für die jpegs ein Expire Date angeben, wie lange die Dateien gecached werden: http://gtmetrix.com/leverage-browser-caching.html

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Habe in der function.php folgendes Zeile auskommentiert:
    "wp_enqueue_script( 'twentytwelve-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '1.0', true );"

    Hat nichts gebracht, die js-Datei wird zwar nicht mehr geladen, aber die beiden Bilder werden nach wie vor zum Schluss geladen ...

    Habe das Problem gelöst:
    Background-images werden in der Regel standardmäßig (weiß nicht, ob in allen Browsern) zuletzt geladen. Da diese Bilder aber Teil meiner Navigation sind, müssen sie unbedingt zuerst geladen werden.
    Habe nun im head eine style-Definition angegeben: "<style type="text/css">.zuerstladen {display:none;} </style>" und dann die entsprechenden background-images als img-Elemente mit der Klasse .zuerstladen ganz zuerst im body-tag aufgeführt.
    Nun werden die Bilder als erstes geladen :razz:

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden