Webseiten Geschwindigkeit in Bezug auf das Google Ranking

  • Zur Info:

    ab Juni 2018 bewertet Google die Ladegeschwindigkeit einer mobilen Webseite als Rankingfaktor. Desto schneller die Ladegeschwindigkeit, desto besser. https://webmasters.googleblog.com/2018/01/using-…ile-search.html (Die Lektüre ist aufwendig auch wenn man Englisch kann. Erwarte keine klare Aussagen. Ist halt Google).

    Hier kannst Du messen: https://developers.google.com/speed/pagespeed/insights/?hl=de

    Dieser Post, um zu dirskutieren was wir als Webmaster mit ZP machen können um die Ladegeschwindigkeit zu beeinflussen.

    Grüße

    Norbert

    Corsita Resort Koh Mak

  • Ich mache schon mal einen ersten Post dazu:

    Google meldet, dass meine Headergrafik (166 KB) in der mobilen Version 76% reduziert werden könnte. Das ist aber leider nichts, wo ich in ZP etwas unternehmen könnte... Hat jemand ein Vorschlag?

    Grüße

    Norbert

    Corsita Resort Koh Mak

  • Beispielhafter Report in dem Sie dann ggf. entsprechende Vorschläge sehen, die im Folgenden aufgelistet sind:

    Was ein Webmaster (Sie) tun kann:

    Was wir von Zeta bereits tun (so gut wie möglich):

    • CSS reduzieren
    • HTML reduzieren
    • JavaScript reduzieren
    • (Bilder optimieren via "Erweitert > Bilder > Komprimieren" – im Moment nicht wirklich funktionsfähig)

    Was man ignorieren sollte:
    Da können aktuell wir schlicht nichts machen, da ein CMS Systembedingt erstmal von den Inhalten nichts weiß und daher auch den Inhalt "above the fold" nicht kennt etc.

    • JavaScript- und CSS-Ressourcen, die das Rendering blockieren, in Inhalten "above the fold" (ohne Scrollen sichtbar) beseitigen
    • Sichtbare Inhalte priorisieren

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • pks-team Bilder optimieren ist im Moment noch etwas tricky, weil sich "Erweitert > Bilder > Komprimieren" nicht wirklich auf die Bilder auswirkt. Da müssen wir nachlegen.

    Ein aktueller Workaround ist es, nach Änderungen die Seiten zu erstellen und dann die Bilder manuell in "output/media/" zu optimieren. Ich nutze dazu ImageOptim (Mac Applikation), das merkt auch wenn ein Bild bereits optimiert ist und ist somit "batchtauglich". Wenn man nach "imageoptim windows" googelt, findet man auch Alternativen für MS Windows.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Hallo,

    die Frage an unseren Provider, betreffend Browser-Cache und Komprimierung habe ich gestellt. Der antwortet immer schnell. Werde dan nsehen was ich machen kann.

    Der Report spricht aber bei mir von blokierneden CSS-Resourcen:

    Zitat

    Ihre Seite enthält 1 blockierende Skript-Ressourcen und 2 blockierende CSS-Ressourcen. Dies verursacht eine Verzögerung beim Rendern Ihrer Seite.

    Keine der Seiteninhalte "above the fold" (ohne Scrollen sichtbar) konnten ohne Wartezeiten für das Laden der folgenden Ressourcen gerendert werden. Versuchen Sie, blockierende Ressourcen zu verschieben oder asynchron zu laden, oder laden Sie kritische Bereiche dieser Ressourcen direkt inline im HTML.

    Entfernen Sie JavaScript, das das Rendering blockiert:

    Optimieren Sie die CSS-Darstellung für die folgenden URLs:

    Da kann ich anscheinend nichts machen?

    Grüße

    Norbert

    Corsita Resort Koh Mak

  • An den "Render blocking resources" lässt sich aktuell auch nichts ändern.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Hier noch ein Alternativer Speed-Test: https://tools.pingdom.com

    Da kommt Ihre Seite besser weg als 97% aller bereits getesteten. Das nur mal zur tatsächlichen "Einordnung" der Qualität der Site. Wenn man nur Google Page-Speed Ergebnisse sieht, kommt man ja gerne ins Zweifeln.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Wie wurde es denn in Ihrem Beispiel erreicht? https://developers.google.com/…%2Fpagespeed%2Findex.html

    Das ist Layout-Abhängig und im Beispiel auch eher Zufall und durch ein Schnipsel CSS erreicht, der den Google-Parser anscheinend so durcheinander bringt, dass er in dieser Konstellation TOP-Werte ausspuckt. Das hat mit der Realität allerdings nichts zu tun. Ich rate Ihnen, sich da nicht verrückt machen zu lassen. Siehe Tipp für Layout: Swiss Responsive

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Zur Info:

    ab Juni 2018 bewertet Google die Ladegeschwindigkeit einer mobilen Webseite als Rankingfaktor. Desto schneller die Ladegeschwindigkeit, desto besser. https://webmasters.googleblog.com/2018/01/using-…ile-search.html (Die Lektüre ist aufwendig auch wenn man Englisch kann. Erwarte keine klare Aussagen. Ist halt Google).

    Hier kannst Du messen: https://developers.google.com/speed/pagespeed/insights/?hl=de

    Dieser Post, um zu dirskutieren was wir als Webmaster mit ZP machen können um die Ladegeschwindigkeit zu beeinflussen.

    Das finden wir gut, dann steigen wir mal wieder.

  • Auch wenn viele Google Speedtest nicht so ernst nehmen, aber dann die Frage, wer listet die Webseiten?

    Also ich mache meine Seiten so einfach wie möglich, nehme nichts von Google (Fonts und Analytics) da Goolge seine Sachen nicht mag. Ich habe über meinen Hoster eine brauchbare Statistik.

    Komprimierung und Browsercaches mache ich über die htaccess und wenn Google Bilder anmahnt, dann nehme ich die "Laden Sie hier optimierte Bild-, JavaScript- und CSS-Ressourcen für diese Seite herunter." Und lade die Bilder per FTP in den Ordner wo sie hingehören. Und schwupp die wupp habe ich ein sehr befriedigendes Ergebnis bei Google Speetest.

    Viele grüße Hartwig

  • Hallo,

    meine Seite https://www.szymanski-rechtsanwaelte.de ist in den letzten Wochen von Google massiv abgewertet worden, obwohl ich an dem "Gerüst" nichts verändert habe. Ich habe, wie sonst auch, wöchentlich meine Seite hinsichtlich der Texte weiter ausgebaut.

    Verschiedene Testtools, unter anderem auch von meinem Hoster strato (ranking coach) zeigen mir an, dass die mobile Ladegeschwindigkeit viel zu langsam ist. Nach dem Google Pagespeed werden von dem Javaskript das Rendering blockiert, weiterhin sei die CSS Darstellung zu optimieren....was auch immer das bedeuten mag.

    An irgendwelche Programmierungen traue ich mich nicht ran, ich verwende Zeta so, wie es "ausgeliefert" wurde. Kann man da noch etwas machen, oder muss ich damit leben?

    LG

    Jan

  • Danke für die links. Ich habe verstanden, dass die Bilder ausserhalb von Zeta verkleinert werden sollten, da die Komprimierung innerhalb Zeta nicht funktioniert . Gibt es da eine Empfehlung mit welchem Programm und aus welche Größe?

    Ich habe auch verstanden, dass die Komprimierung bei Strato aktiviert werden soll, was wohl über einen Eintrag in die httacces geschieht. Nur was muss ich da eintragen... und mache ich das über Zeta oder ftp?

    VG

    Jan

  • Gute Tools, die ich selbst nutze sind: https://imageoptim.com/ und https://www.jpegmini.com

    Aber Google bietet ja sogar direkt in den PageSpeed-Ergebnissen einen download der optimierten Grafiken an. Die kann man ja auch direkt nehmen.

    Google betrachtet meines Wissens nach in PageSpeed nicht die tatsächliche Bildgröße, sondern nur, ob das Bild noch besser komprimiert werden könnte.

    PS: die Komprimierung innerhalb Zeta Producer funktioniert eigentlich schon, wird aber aktuell nur auf die Original-Datei angewandt (das ist das Bild das "bei Klick vergrößern" gezeigt wird), nicht aber auf die größenangepasste, sogenannte "Contentcopy" (das ist das Bild auf der Seite).

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Beispielhafter Report in dem Sie dann ggf. entsprechende Vorschläge sehen, die im Folgenden aufgelistet sind:

    Was ein Webmaster (Sie) tun kann:

    Was wir von Zeta bereits tun (so gut wie möglich):

    • CSS reduzieren
    • HTML reduzieren
    • JavaScript reduzieren
    • (Bilder optimieren via "Erweitert > Bilder > Komprimieren" – im Moment nicht wirklich funktionsfähig)

    Was man ignorieren sollte:
    Da können aktuell wir schlicht nichts machen, da ein CMS Systembedingt erstmal von den Inhalten nichts weiß und daher auch den Inhalt "above the fold" nicht kennt etc.

    • JavaScript- und CSS-Ressourcen, die das Rendering blockieren, in Inhalten "above the fold" (ohne Scrollen sichtbar) beseitigen
    • Sichtbare Inhalte priorisieren

    Total guter Beitrag, besonders das Tool

    Geschwindigkeitsmessung der Webseite, auf PC und Handy:

    https://developers.google.com/speed/pagespee…ed%2Findex.html


    Mein Ziel ist die einfache schnelle Webseite, im Aufbau und in der Pflege, sowie im tagtäglichen Abrufen auf Handy, Tablet und Desktop.

    Mit dem super Tool: Beispielhafter Report sehe ich:

    Zeta Producer Webseite wird sowohl auf dem Handy, wie auch auf dem Desktop nicht schnell aufgebaut.

    Ich habe daraufhin 15 Webseiten getestet, die mit Zeta gebaut wurden (aus der Community), teils von Agenturen: Auch hier das gleiche Bild: Langsamer bis mittlerer Aufbau, obwohl deutlich weniger als 100 Webseiten pro Projekt.

    Ich habe dazu als Vergleich msn.ch/ amazon.de/ tissot.ch/ rolex.ch/ migros.ch, zalando.com plus aldi.ch angefragt.

    Alle waren im ultraschnellen Bereich, sowohl auf dem Desktop, wie auch auf dem Handy.

    Das Gleiche habe ich mit Baukästen, die etwa Zeta entsprechen mit ihren eigenen Firmen-Webseiten gemacht: siquando.de/ websitex5.com/. Siquando Webseite braucht etwa so lange, wie zeta Webseite und websitex5.com ist zwar deutlich schneller, jedoch immer noch 5x langsamer als das Langsamste der oberen Pofessionellen, nämlich rolex.ch

    Meine Fragen dazu:

    1) Was wurde denn bei den Profis besser gemacht. Werte unter 1.5 Sekunden.

    2) Warum ist z.B. Zeta - Webseite so langsam? Diese wurde doch ebenfalls mit Zeta gemacht, oder?

    3) Was kann Zeta alles automatisieren, damit kundenseitig für uns nicht erfahrene Kunden der beste Kunden-Nutzen entsteht, nämlich schneller Webseitenaufbau, welches Zeta uns unterstützt, z.B. MIt Komprimierung des Bildes, automatischem Hinunterpixeln, Automatisches Ablegen einer Handyversion und einer PC-Version auf dem Server etc.?

Jetzt mitmachen!

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