Empfehlungen von GooglePageSpeed umsetzen?

  • Hallo,

    ich habe bei meiner Webseite die Analyse mit GoolePageSpeed gemacht.

    Hier bekomme ich für das Handy 55/100 und den Desktop 72/100 Punkten.
    Nun meckert PageSpeed aber rum das ich noch Änderungen des JavaScripts und der CSS machen soll.

    Aber wie kann ich das am besten umsetzen?

    Danke und Gruß segelfreund

    • 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

  • Hallo segelfreund,

    Google gibt dazu doch Hinweise. Ich habe diese Hinweise gegoogled und mich dann in die Materie der Webseitenbeschleunigung eingearbeitet ,-)

  • Das mag sein.

    trotzdem tue ich mich schwer dabei.
    Vor allem da ich damit nicht so richtig etwas anfangen kann.

    "Eliminate render-blocking JavaScript and CSS in above-the-fold-content"

    Ja klar ich verstehe das JavaScripte und auch CSS Inhalte hier "Fehler" verursachen.
    Aber ich kann mir nicht vorstellen wie ich die angezeigten abstellen soll.

    Das gleiche beim Browser Caching.
    Denn hier nutze ich schon Caching Möglichkeiten.

    http://developers.google.com/speed/pagespee…gendfussball.de

  • Cache hat nichts mit Expire zu tun. Cache ist wie die Seiten ausgeliefert werden und Expire wie lange der Inhalt gültig ist, bevor er neu gelesen wird. Und wie Gerd-E. geschrieben hat, fehlt auch die Komprimierung.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • So habe die Plug-Ins jetzt mal deinstalliert und das ganze per htcacces eingebunden.


    Aber irgendwie scheint die Komprimierung nicht zu gehen.
    Kann es sein das ich noch was bei meinem Provider einstellen muss?

  • 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

    Einmal editiert, zuletzt von g3h (10. September 2013 um 14:52)

  • Wenn du eine info.php auf deinem Server installierst, kann du sehen, ob der Provider die entsprechenden Module aktiviert hat. Oder du fragst direkt nach.

  • Zitat

    Um die gzip Komprimierung via .htaccess zu aktivieren, muss der Apache-Server zunächst einmal über die nötige Komponente verfügen.
    Für die Komprimierung mit gzip ist das „mod_gzip“ oder „mod_deflate“ –Modul vonnöten.
    Um schnell zu testen ob diese Module auf dem entsprechenden Server verfügbar sind, reicht es eine .php Datei mit folgendem Inhalt zu erstellen und diese auf dem jeweiligen Webspace aufzurufen: <?php phpinfo(); ?>

    Wird unter „Loaded Modules“ „mod_gzip“ oder „mod_deflate“ aufgeführt, unterstützt der Server die Komprimierung mit gzip.

    Quelle: http://www.webmasterarchiv.com/ladezeit-verri…rimierung-gzip/

    Oder wie gesagt direkt nachfragen beim Provider.
    Es gibt da auch ein Forum, aber eine klare Aussage konnte ich da nicht finden... (http://www.df.eu/de/suchergebni…=type%253Aforum)

    MfG

    Einmal editiert, zuletzt von g3h (10. September 2013 um 15:24)

  • Also per info bekomme ich das ausgewiesen:

    [h=2]zip[/h][TABLE="width: 600"]

    [tr]


    [TD="class: e, bgcolor: #CCCCFF"]Zip[/TD]
    [TD="class: v, bgcolor: #CCCCCC"]enabled[/TD]

    [/tr][tr]


    [TD="class: e, bgcolor: #CCCCFF"]Extension Version[/TD]
    [TD="class: v, bgcolor: #CCCCCC"]$Id: 75f98b591f6e5b656786b38e42f0ca759a8eca80 $[/TD]

    [/tr][tr]


    [TD="class: e, bgcolor: #CCCCFF"]Zip version[/TD]
    [TD="class: v, bgcolor: #CCCCCC"]1.11.0[/TD]

    [/tr][tr]


    [TD="class: e, bgcolor: #CCCCFF"]Libzip version[/TD]
    [TD="class: v, bgcolor: #CCCCCC"]0.10.1[/TD]

    [/tr]


    [/TABLE]

    [h=2]zlib[/h][TABLE="width: 600"]

    [tr]


    [TD="class: e, bgcolor: #CCCCFF"]ZLib Support[/TD]
    [TD="class: v, bgcolor: #CCCCCC"]enabled[/TD]

    [/tr][tr]


    [TD="class: e, bgcolor: #CCCCFF"]Stream Wrapper support[/TD]
    [TD="class: v, bgcolor: #CCCCCC"]compress.zlib://[/TD]

    [/tr][tr]


    [TD="class: e, bgcolor: #CCCCFF"]Stream Filter support[/TD]
    [TD="class: v, bgcolor: #CCCCCC"]zlib.inflate, zlib.deflate[/TD]

    [/tr][tr]


    [TD="class: e, bgcolor: #CCCCFF"]Compiled Version[/TD]
    [TD="class: v, bgcolor: #CCCCCC"]1.2.5[/TD]

    [/tr][tr]


    [TD="class: e, bgcolor: #CCCCFF"]Linked Version[/TD]
    [TD="class: v, bgcolor: #CCCCCC"]1.2.5[/TD]

    [/tr]


    [/TABLE]

    [TABLE="width: 600"]
    [TR="class: h, bgcolor: #9999CC"]
    [TH="align: center"]Directive[/TH]
    [TH="align: center"]Local Value[/TH]
    [TH="align: center"]Master Value[/TH]
    [/TR]

    [tr]


    [TD="class: e, bgcolor: #CCCCFF"]zlib.output_compression[/TD]
    [TD="class: v, bgcolor: #CCCCCC"]Off[/TD]
    [TD="class: v, bgcolor: #CCCCCC"]Off[/TD]

    [/tr][tr]


    [TD="class: e, bgcolor: #CCCCFF"]zlib.output_compression_level[/TD]
    [TD="class: v, bgcolor: #CCCCCC"]-1[/TD]
    [TD="class: v, bgcolor: #CCCCCC"]-1[/TD]

    [/tr][tr]


    [TD="class: e, bgcolor: #CCCCFF"]zlib.output_handler[/TD]
    [TD="class: v, bgcolor: #CCCCCC"]no value[/TD]
    [TD="class: v, bgcolor: #CCCCCC"]no value

    [/TD]

    [/tr]


    [/TABLE]

  • Wenn du eine info.php auf deinem Server installierst, kann du sehen, ob der Provider die entsprechenden Module aktiviert hat. Oder du fragst direkt nach.

    Nicht wenn der Apache als PHP fcgid konfiguriert wurde.

  • Der Server scheint nicht der schnellste zu sein und dann kommt hinzu, müssen Grafiken für Slide-Show eine Größe von 1.600px × 1.200px haben?

    Die Mitteilung verstehe ich so, was jedoch nicht richtig zu sein braucht. Unter 'render-blocking JavaScript' sind die Dateien aufgeführt, die Du aus dem Head der Seite entfernen möchtest, weil diese ein zügiges Rendern der Seite behindern. Ist ja eigentlich klar, eine Slide-Show oder anderes braucht noch nicht starten, bevor der Dokumentenbaum aufgebaut ist. Im Footer ist zwar etwas besser, aber noch besser ist halt:

    Code
    jQuery(document).ready(function() {
    
    
          Lade Dateien, wenn der Dokumentenbaum fertig aufgebaut ist.
    
    
      });

    Einmal editiert, zuletzt von Melewo (10. September 2013 um 18:07)

  • Die Grafiken in der Slide-Show sind doch nur 960 * 416. Und dies auch nur weil diese sonst einen schwarzen Rand hätten.


    Beim Laden hat der Firebug mir dieses Bild als größte Datei mit 296,3 KB angezeigt und wenn ich die einzeln aufrufe, erhalte ich 1.600px × 1.200px (Skaliert zu 1.192px × 894px):

    "http://tbruit-jugendfussball.de/wp-content/upl…78280343758.jpg"

    Und wo sollte ich diesen Code einbauen?

    Du vermutlich gar nicht, Dir bleibt nichts weiter übrig, als bei der Auswahl von Themes und Plugins darauf zu achten, dass auch die Ladezeiten bei der Entwicklung berücksichtigt wurden und die Seiten nicht nur schön bunt mit möglichst viel und großen Grafiken dargestellt werden.
    Gerd-E schrieb heute schon treffend in einem anderen Thrad, es gibt durchaus schnellere Themes, die nur keiner möchte, weil diese einfacher gehalten sind (oder so in etwa hatte ich es verstanden):

    http://forum.wpde.org/design/119240-…me-gesucht.html

    Einmal editiert, zuletzt von Melewo (10. September 2013 um 18:32)

  • Ah das ist aber nicht im Slider das Bild. Sondern ein Beitrags Bild.


    Ja, gut, sah ich auch gerade, nicht das einzige und die werden genau aus welchem Grund in der Größe geladen? Um die Ladezeiten zu verlängern? Oder würde es nicht genügen in den Artikeln zwei Nummern kleiner einzubinden und nur auf eine größere Ausführung zu verlinken?

Jetzt mitmachen!

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