Seite optimieren? Rendering blockiert

    Hey Leute, habe mein CSS & Co. mit einem Plugin verbessert. Nun wird mir jedoch noch immer "Rendering blockiert" angezeigt und ich weiß nicht 100%, was ich nun genau tun soll, damit ich das Problem beheben kann. Ich bin ein Leihe und betreibe den Blog halt privat, versuche also auch alles selbst irgendwie zu optimieren. :)

    Es wäre toll, wenn mir jemand erklären könnte, wie/wo ich die Dinge optimieren kann, damit das Rendering nicht mehr blockiert wird und damit das Browser Caching verbessert wird. Denn ich nutze für mein Caching auch ein Plugin.

    Bilder habe ich eigentlich alle komprimiert, allerdings soll irgendwie das vom Instagram-Feed Plugin komprimiert werden..

    Zudem soll meine Ladezeit bei 1.8min, liegen und ich hätte es gerne auf ein paar ms reduziert. :)


    Hier die analyse vom: Google PageSpeed-Tool

    Wäre klasse, wenn mir das jemand easy erklären könnte. :)

    • 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

    Leider konnte ich diesbezüglich noch keinerlei Einträge finden. Vor allem nicht, wie man das blockierte Rendering behebt. Und wenn, war es EXTREM unübersichtlich besprochen wurden und keinerlei direkte Lösung erklärt wurden.

    Welche Plugins verwendest Du denn überhaupt, "um CSS zu verbessern" bzw. als Cache bzw. für Instagram? Mit welchen Einstellungen?

    Am Rande: Der HTML-Code der Seite ist fehlerhaft, auch das kann zu "blocking" Problemen beitragen. Quelltext anzeigen mit Firefox -> die rot markierten Tags.

    Diverse Instagram-Bilder, Google-Kram (z.B. recaptcha, Webfonts, Analytics), Blogstars-Logo, irgendwelche Mailmunch-Scripts usw. kommen alle von extern, deren Geschwindigkeit kannst Du nicht beeinflussen.

    Am Rande: Die meisten der externen Einbindungen fehlen in der Datenschutzerklärung.

    Einmal editiert, zuletzt von b3317133 (9. Juli 2017 um 17:44)

    b3317133 dank dir für deine Hinweise. Wie kann ich denn die Fehler im HTML-Code entfernen? Und welche Dinge, sollte ich in meiner Datenschutzerklärung noch mit einbinden, um sicher zu sein? Bin wie gesagt echter Leihe und grabe mich da immer so durch und versuche da selbst Lösungen zu finden. :) Ist halt mehr oder weniger ein Hobby.

    Hallo,

    Ich empfehle zur Analyse immer tools.pingdom.com oder varvy.com/pagespeed

    Die "Optimierung - Komprimierung" der Bilder würde ich noch einmal checken - siehe Varvy Report.

    Wie Du diese "komprimieren" kannst - nutze compresspng.com

    LG

    Zitat von ShervinOne

    Wie kann ich denn die Fehler im HTML-Code entfernen?

    Indem man herausfindet, wo im Theme das defekte HTML entsteht und das dann behebt oder (als Laie) beheben lässt.

    Zitat von ShervinOne

    Und welche Dinge, sollte ich in meiner Datenschutzerklärung noch mit einbinden, um sicher zu sein?

    Alle integrierten Daten (Scripts, Bilder, usw.) von ausserhalb Deines Servers.

    Einmal editiert, zuletzt von b3317133 (9. Juli 2017 um 20:45)

    Zitat von ShervinOne

    Ich bin ein Leihe und betreibe den Blog halt privat, versuche also auch alles selbst irgendwie zu optimieren. :)

    In dem Fall ein gut gemeinter Rat:
    Lass es so wie es ist und lebe damit.

    Render-Blocking "Fehler" (vor allem Scripte) sind bei WordPress selbst für Profis nicht leicht zu beheben. Gerade bei nicht selbst entwickelten Themes und Plugins hat man ständig irgendwelche Probleme mit den Abhängigkeiten ("Dependencies"") der einzelnen Scripte untereinander. Aus meiner Sicht ist es für den Laien praktisch unmöglich, dies zu ändern (und dabei die Funktionalität der Seite zu erhalten).

    Dazu sei auch gesagt (ohne deine Seite jetzt konkret angeschaut zu haben):
    Pagespeed gibt Empfehlungen zur Verbesserung der Seite. Es ist nicht zwingend erforderlich (und teilweise auch nicht immer sinnvoll) alle regeln zu erfüllen...

    Hey Daniel, vielen Dank für deine nette Hilfe. Es klingt gut wenigstens zu hören, dass es kein MUSS ist alles und ja, habe auch schon überlegt, nun die Seite so zu lassen und damit zu leben. Schließlich ist ja am Ende nur wichtig, was der Kunde/Leser sieht und an sich ist es ja schick (höre ich zumindest oft) also glaube ich, sollte ich das einfach so behalten und dann halt IRGENDWANN mal noch gucken was ich verbessern kann. :) Aber könnte es sein, wenn ich dieses Plugin, womit ich die CSS-Datein komprimiert habe deaktiviere, dass dann das Render-Blocking aufgehoben wäre? (Die CSS-Datein bleiben dann ja komprimiert oder nicht?)

    Zitat von b3317133

    Indem man herausfindet, wo im Theme das defekte HTML entsteht und das dann behebt oder (als Laie) beheben lässt.

    das HTML generiert Wordpress oder ist hier die Rede von einer statischen Website? Somit wären für den Anfänger auch noch PHP Kenntnisse nötig. :lol:

    Das HTML generiert WordPress, genauer gesagt WordPress und das Theme i.v.m. den Plugins, und dieses generierte HTML ist hier defekt. Daher der Hinweis, dass man das als Laie wohl lieber beheben lassen sollte wenn man es nicht selbst beheben kann.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden