Googe PageSpeed - Performance analysieren + Tips fuer schnellere Webseiten

Page Speed gibt Webseiten Entwicklern wertvolle Hinweise zum Optimieren der Ladegeschwindigkeit der Webseiten.


Jeder Verbesserungshinweis ist ein Link zu einer Anleitung wie dieser Umsetzen ist (nur in Englisch).


Teilweise bietet Page Speed sogar konkrete Loesungen an, z.B. optimal komprimierte Grafik-Dateien, verkleinerte CSS- und JavaScript Dateien. Einfach diese optimierten Dateien herunterladen + auf Ihren Webserver hochladen = verbesserte Performance!



  1. FF Firefox starten

  2. Firebug Firefox Add-on "FireBug" installieren

    (mit Firefox)

  3. PageSpeed Firefox Add-on "Google Page Speed" installieren

    (mit Firefox)

  4. zu optimierende Webseite aufrufen

    (mit Firefox)

  5. Firebug Firebug starten:

    Firefox > Extras > Firebug > Start Firebug

  6. PageSpeedPage Speed starten:

    in Firebug den Reiter "Page Speed" klicken, dann

    Page Speed > Performance > klicken

  7. Page Speed Score:

    z.B. Bewertung: 76/100 Punkte. Alle rot markierten Tips umsetzen wie z.B.

    • Enable compressioin

    • Leverage browser caching

    • Minify CSS

    • Combine images into CSS sprites

    • ...



    (Google Page Speed bietet teilweise Loesungen an wie optimal komprimierte Versionen Ihrer Grafiken. Herunterladen + auf Ihren Webspace hochladen, Page Speed nochmals ausfuehren klicken + verbesserten Page Speed Score ansehen)

  8. Ziel:

    Moeglichst einen Page Speed Score von 100/100 Punkten erreichen = maximaler Speed!



Fazit:


Page Speed ist ein gelungenes Werkzeug um die Leistung seiner Website zu verbessern, sie schneller zu machen. Die Website baut sich schneller auf, und der Besucher ist zufriedener. "Fast is better then slow." Das Ganze spart auch Website-Traffic, somit Strom und kommt damit der Umwelt zu Gute ;-)


https://developers.google.com/speed/pagespeed/

SPEED (CACHED): 41.916 ms - 2017-10-24 03:58:33