Page Speed Optimierung

  • Servus Wordpress-Fans,


    ich habe ein Problem bei der Optimierung einer Seite. Ich habe mit programmieren leider wenig am Hut, möchte aber gerne, dass die Page ordentlich schnell ist. Jetzt sagt mir google, meine Seite wäre nicht schnell genug und ich müsste [COLOR=#212121][FONT=Roboto][size=10][FONT=arial]JavaScript- und CSS-Ressourcen, die das Rendering blockieren, in Inhalten "above the fold" (ohne Scrollen sichtbar) beseitigen.

    Ich habe schon versucht das ganze mit Plugins zu bereinigen aber leider habe ich damit keinen Erfolg gehabt. Ist hier jemand der sich damit auskennt und mir eine gute Hilfe sein kann. Ich komme nämlich an dem Punkt nicht mehr weiter.


    Ich bedanke mich Voraus für die Unterstützung!!!
    [/FONT][/SIZE][/FONT][/COLOR]
    [COLOR=#212121][FONT=Roboto][size=10][FONT=arial]

    [/FONT][/SIZE]
    [/FONT][/COLOR]

    • 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

  • oft kann auch ein "leichteres", einfacheres Theme helfen, dazu wenige Plugins, optimierte Bilder ... oder ein schnelleres/größeres Hostingpaket mit mehr Möglichkeiten.

  • JavaScript sollte asynchron geladen werden, sodass es nicht mehr "blockiert"; dazu dienen die beiden Attribute defer u. async. Hierzu ein Artikel:
    http://www.growingwiththeweb.com/2014/02/async-…attributes.html

    Zum CSS-Problem: Am besten Beiträge lesen zum Theme "Render Blocking CSS" bzw. "above the fold critical css" - das Prinzip dahinter: CSS blockiert das Rendering, also solange die CSS-Datei geladen wird. Eine probate Methode besteht darin, die Styles der zuerst sichtbaren Elemente ("above the fold") in das HTML-Dokument zu schreiben und das Laden der gesamten CSS-Datei zu verzögern.

    Ansonsten gilt allerdings, dass die Google-PageSpeed-Messung keine absolut verlässliche Aussage trifft und man seine Website nicht optimieren sollte, nur um den höchsten PageSpeed-Wert zu erzielen.

  • [FONT=PT Sans][COLOR=#444444]Das Google Pagespeed Modul wird per .htaccess aktiviert. Dort können Filter hinzugefügt oder geändert werden.[/COLOR][/FONT]

    [FONT=PT Sans][COLOR=#444444]Ich finde auf dem FTP überhaupt keine Datei die den Namen .htaccess heißt! Das kann doch auch nicht sein oder ?

    Ich bin echt am verzweifeln... Kann doch nicht so schwer sein das zu optimieren!

    Gibt es nicht irgendwo einen guten Leitfaden oder ist hier jemand mit dem ich das zusammen durchgehen kann ? Wäre echt super hilfreich [/COLOR][/FONT]

  • "[FONT=PT Sans][COLOR=#444444] Google Pagespeed [/COLOR][/FONT]" das benötigst du doch gar nicht - auf deinem Blog/Webspace...
    "[FONT=PT Sans][COLOR=#444444].htaccess" sie wird da sein, du musst sich sichtbar machen oder anlegen ... [/COLOR][/FONT]
    Teste mit 3 verschiedenen Speed Modulen, erhältst du vermutlich 3 unterschiedliche Ergebnisse ...
    Ich nutze das ==> https://gtmetrix.com/

  • [FONT=PT Sans][COLOR=#444444]Ich finde auf dem FTP überhaupt keine Datei die den Namen .htaccess heißt! Das kann doch auch nicht sein oder ?[/COLOR][/FONT]

    Stell Deinen FTP-Client so ein, dass er auch "verborgene" Dateien mit einem Punkt vor dem Dateinamen zeigt.

  • Zitat

    JavaScript sollte asynchron geladen werden, sodass es nicht mehr "blockiert"; dazu dienen die beiden Attribute

    Ja so einfach geht es eben nicht mit WP und dessen Scripte, weil da abhänigkeiten sind. Ich programmiere seit einiger Zeit nur noch Skripte die async geladen werden können oder sogar bevorzugt ist ohne welche unabhängkeiten anderer Skripte. Alles schönes vanilla JS.

Jetzt mitmachen!

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