Empfehlungen von GooglePageSpeed umsetzen?

  • Doch aber die hatte ich mobil hochgeladen über die App

    Mit den Ladezeiten ist es ähnlich wie bei anderen Dingen, zuerst kommt die Einsparung. Einsparung, sowohl was die zu ladenden Kilobytes anbelangt, als auch was die Anzahl der Request anbelangt. Wenn Du einen Blick in den anderen Thread wirfst, da hatte Gerd-E den Begriff Sprites erwähnt, womit CSS Sprites gemeint ist und wodurch sich bei kleineren Grafiken die Anzahl der erforderlichen Anfragen an den Server verringern lässt.

    Wo sich die Anzahl der Anfragen nicht verringern lässt, sollte nach Möglichkeiten gesucht werden, einen Teil der Dateien erst dann zu laden, wenn diese wirklich benötigt werden und somit wenn die Seite vollständig geladen ist bzw. wenn der Dokumentenbaum fertig aufgebaut ist.

    Nur etwas Bestehendes verändern zu wollen, traue ich mir oft kaum zu. Wer schreibt die Dateien in den Head? Sicherlich mal dieses und mal jenes Plugin und bei einfachen Veränderungen könnte es sein, dass diese Plugins nicht mehr ihre Arbeit verrichten. Ich denke, dass müsste dann mit jedem Plugin einzeln getestet werden.

    Der Server scheint von sich aus bereits nicht der schnellste zu sein, schrieb ich schon.

    • 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

  • Zu deinem JavaScript Problem steht bei Google folgendes:
    https://developers.google.com/speed/docs/bes…#DeferLoadingJS

    Dann zu folgendem Problem hätte ich einen Vorschlag:

    Zitat

    This page has 17 external Javascript scripts. Try combining them into one. This page has 18 external stylesheets. Try combining them into one.
    Quelle: GTmetrix

    Versuch mal mit dem W3 Total Cache Plugin die Minify-Funktion. (Ich weiß aber nicht ob die alles in einer Datei kombiniert...)
    Aber kann auch Probleme machen. Einfach mal testen.
    Was noch gut ist von W3 Total Cache kann ich nicht sagen, jedenfalls kann ich sagen das der Page Cache bei mir die ganze Seitendarstellung kaputt macht, also vorsicht... Aber man kann es ja einfach wieder austellen wenns nicht klappt.


    MfG

    Einmal editiert, zuletzt von g3h (11. September 2013 um 17:17)

  • Das mit W3 Total Cache ist eine nette Idee.
    Aber das Plug-In kann ich nicht installieren. Da bekomme ich immer eine Fehlermeldung beim aktivieren.

    Und wo muss ich das denn als JavaScript einbinden? In die betroffene Datei? ODer einer neue erstellen?

    Einmal editiert, zuletzt von segelfreund (11. September 2013 um 17:42)

  • Zu deinem JavaScript Problem steht bei Google folgendes:


    Es nutzt nur nichts, irgendetwas zusammenfassen und erst nach onload nachladen zu wollen, so lange jedes kleine Plugin dennoch mit einer Funktion ähnlich der nachfolgenden daherkommt. Die Plugins würden ihre Dateien halt zusätzlich noch über oder unter der von Google vorgeschlagene Lösung einfügen.

    Code
    add_action("wp_head", "binde_css_oder_js_datei_in_den_head_ein");


    Da ich es aber nicht ausprobiert habe, lasse ich mich gern eines Besseren belehren, wenn es denn vernünftig getestet wurde.

    Doch die Lösung von Google ist gut, wenn Du die JS-Dateien eigenständig in einem Editor im Head, Body oder Footer einer Seite notieren würdest und diese Aufgabe nicht länger den Plugins überlässt. Dass eine oder andere Plugin könnte jedoch verschnupft darauf reagieren, wenn eine Funktion noch nicht bei Aufruf der Funktion zur Verfügung steht.

    Einmal editiert, zuletzt von Melewo (11. September 2013 um 18:02)

  • Welchen Provider hast du ?

    Das mit dem "Eliminate render-blocking JavaScript and CSS in above-the-fold-content" hab ich bis jetzt auch nicht wirklich verstanden. Ich glaube es hat was zu tun in welcher Reihenfolge die Dateien geladen werden.
    Javascript sollte besser in den Footer oder so. Und bei CSS dateien kleinere Sachen Inline machen.
    Wie gesagt da habe ich auch nix vernünftiges zu gefunden.

    Hier diese Seite hat mir für meine Tests hilfreichere Ergebnisse geliefert als Google:
    http://gtmetrix.com/

    MfG


    ich lade die Skripte im Footer und bekomm diese Meldung auch ...""Eliminate render-blocking JavaScript and CSS in above-the-fold-content""
    ich nutz cachify und einiges an htaccess Einträgen dazu ...

  • ich nutz cachify und einiges an htaccess Einträgen dazu ...


    Bei Deinen beiden Seiten beantworten ja auch der/die Server die erste Anfrage in unter 0,5 Sekunden, was wohl damit zusammenhängt. Bei seiner Seite kam die erste Response gestern aber erst nach Sekunden hier an und heute auch in unter 0,5 Sekunden. Würde mich deshalb schon interessieren, ob er ähnliche Schritte unternommen hat und wenn ja, welche oder ob sein Server gestern nur Waschtag hatte.

  • Es nutzt nur nichts, irgendetwas zusammenfassen und erst nach onload nachladen zu wollen, so lange jedes kleine Plugin dennoch mit einer Funktion ähnlich der nachfolgenden daherkommt. Die Plugins würden ihre Dateien halt zusätzlich noch über oder unter der von Google vorgeschlagene Lösung einfügen.

    Das Plugin Assets Minify, dass ich benutze, fasst meine Css dateien zusammen (sind 2 Stück 1x style.css, 1x Css-Datei von einem Plugin). Das Resultat ist genau eine Css Datei, ob das allerdings bei allen Plugins geht kann ich nicht sagen. Es wird jedenfalls nichts mehr zusätzlich über oder unter der von Google vorgeschlagene Lösung eingefügt.

    Einmal editiert, zuletzt von g3h (11. September 2013 um 19:35)

  • Das Plugin Assets Minify, dass ich benutze, fasst meine Css dateien zusammen (sind 2 Stück 1x style.css, 1x Css-Datei von einem Plugin).


    Das Plugin werde ich mir mal anschauen, habe zwar keinen praktischen Bedarf bisher, doch interessieren tut es mich halt schon.

  • Der Server reagiert heute wesentlich schneller als gestern, hast Du etwas verändert oder hatte der gestern nur einen Trödeltag?

    Nun habe innerhalb der Seite einiges gemacht. Sprich die Größe/Qualität der zu ladenden Bilder gesenkt (also Hintergrundbild und die Sliderbilder). Ebenso habe ich BW Minify und WP Super Cache nochmal neu geladen.

    Und dann habe ich folgendes einmal versucht

    Quelle: http://zeitformat.de/homepage-erfol…erformance.html

    Ob es etwas bringt weiß ich nicht.

  • [COLOR=#333333]einiges an htaccess Einträgen dazu ...[/COLOR]

    Deine Seiten erhalten aber trotzdem bessere Werte als meine.
    Und die Einträge würden mich mal interessieren.

    Ich weiß nicht vielleicht liegt es auch am Provider/Hoster.
    Dabei dachte ich DomainFactory ist einer der besseren.

    Einmal editiert, zuletzt von segelfreund (12. September 2013 um 06:28)

  • Was mich auch wundert ist, das ich über gtmetrix.com, einige 404 Fehler sehe.
    Komischerweise kann ich diese über einen Link-Checker in WP nicht als fehlerhaft finden.

    Desweiteren sind die in den Links angegebenen Datein auch nicht in dem Theme drin.
    Obwohl der Hinweis dahin geht.

    Ob es daran liegt das ich die Free-Version des Theme nutze?

  • Wegen den vielen Requests die deine Seite hat, könntest du mal statt BW Minify, Assets Minify probieren.
    Das nutze ich wie gesagt auch, es kombiniert bei mir noch zusätlich die Dateien.

    In die .htaccess könntest du noch hier die Vorschläge eintragen: http://gtmetrix.com/add-expires-headers.html
    Wobei ich die Css Dateien vielleicht nur auf eine Woche setzen würde, weil man die doch mal öfter ändert. (1 week)

    MfG

    Einmal editiert, zuletzt von g3h (12. September 2013 um 10:21)

  • Das siehst du wenn bei gtmetrix auf die Total number of requests schaust. Sind die weniger geworden mit dem Plugin, hat es was gebracht.

  • Wie ich das sehe sind die 404 Fehler wirklich vorhanden.
    Z.B. die PNG

    slide-border-bottom.png

    sucht er vergeblich, vielleicht löschst du die mal probehalber aus deiner Style.css

    unter

    Code
    /*------------------------------ SLIDER ------------------------------*/
        .slider-container {    
            width:1000px;
            background:url(images/slide-border-bottom.png) 50% bottom no-repeat;
        }

    Also background:url(images/slide-border-bottom.png) 50% bottom no-repeat; mal testweise rausnehmen.

    Bei den anderen Fehlern genauso testen, die sind aber in index.css und einer noch in der wide.css

    Einmal editiert, zuletzt von g3h (12. September 2013 um 10:50)

Jetzt mitmachen!

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