Meine Seite eerzielt Bei der "Leistung'" nur einen Wert von 73 . Wie kann man das verbessern?
Page Speed Insights
-
Hallo,
wenn Sie die URL der Seite nennen, kann ich mir das kurz ansehen und Ihnen ein paar Tips geben.
-
Hallo,
der Score ist ja schon mal nicht so schlecht (bei mir wird für https://www.managementkompetenzen.de/empathie ein Score von 78 angezeigt).
Die Meldung über die große Datei bundle.js lässt sich nicht vermeiden, da Zeta Producer dieses erstellt und sich darin wichtige Komponenten für die Webseite befinden.
Folgende Dinge könnten Sie aber aus meiner Sicht tun:
- GZIP Komprimierung aktivieren: Am besten erst beim Hoster schauen, ob es dafür eine Anleitung gibt. Ansonsten kann ich Ihnen das gerne erklären.
- Caching auf dem Server für Bilder aktivieren, auch das ist beim Hoster möglich, üblicherweise über die .htaccess Datei
- Drittanbieter-Code entfernen: Sie verwenden momentan Google Tag Manager, Google Ads und Google Analytics. Vielleicht können Sie darauf teilweise verzichten, da diese Einbindungen natürlich auch Dateien laden, die zu einer langsameren Ladezeit führen.
-
Ich kann aus eigener Erfahrung sagen, dass ein Score von 100 sehr schwer zu erreichen ist, meiner Meinung nach ist das mit Zeta Producer für den normalen Anwender praktisch unmöglich. Ich habe das bisher nur einmal mit einem selbst entwickelten Layout geschafft, bei dem ich viel für die Performance optimiert habe. Das erfordert aber natürlich Programmier- und HTML-Kenntnisse.
-
Das scheint nicht alle Dateien zu umnfasssen - oder?
Ja, der Eintrag für den MIME-Type text/javascript (das ist die aktuelle Empfehlung, application/javascript ist veraltet) fehlt:
AddOutputFilterByType DEFLATE text/javascript
-
Hallo zusammen.
Ich habe mal eine Frage dazu.
Laut PageSpeed Insights habe ich im Bereich "Computer" eine angezeigte Leistung von 96.
Im Bereich "Mobil" nur eine angezeigte Leistung von 59.
Wie kommt denn dieser große Unterschied zu Stande? Es ist doch die gleiche Seite.
-
Wie kommt denn dieser große Unterschied zu Stande? Es ist doch die gleiche Seite.
Google testet für mobile Geräte mit anderen Bedingungen, da wird ein langsames 4G-Netz (150ms Latenz, 1.6Mbps Download / 750 Kbps Upload, s. https://github.com/GoogleChrome/l…s/throttling.md) simuliert. Bei Desktop gibt es soweit ich weiß keine Drosselung, d.h. die Daten werden schneller geladen und große Seiten können auch einen guten Score erzielen.
-
Hallo Phil.
Danke für die Erklärung.
Demnach habe ich auch keinen Einfluss darauf.
-
Das ist in Zeta Producer so leider nicht möglich, weil in der Seite durch manche Widgets Code benötigt wird, der sich in der bundle.js befindet. Diese muss daher direkt geladen werden und kann nicht später asynchron nachgeladen werden.
Das könnten nur die Entwickler entsprechend optimieren, als Anwender ist das nicht (bzw. nur mit einem eigenen Layout) möglich.
-
Der CLS kommt bei der Seite, soweit ich das nachvollziehen konnte, durch das Laden der Webfont zustande. Inwiefern man das verbessern / beheben kann weiß ich nicht, aber ohne Webfonts sollte es das Problem nicht geben. Wenn der CLS für dich so wichtig ist, würde ich es mal ohne Webfonts und stattdessen mit Standardschriftarten probieren.
-
Vermutlich wurde die Webfont im Layout-Designer gewählt, dort musst du eine "normale" Standardschriftart wie Arial, Helvetica, sans-serif, ... gewählt werden.
-
Den Layout-Designer erreichen Sie über den Button "Layout":
Ich vermute, dass dort unter "Allgemein" oder unter "Inhaltsbereich" bei der Schriftart etwas anders ausgewählt wurde / standardmäßig im Layout eingestellt ist:
-
Auf der Seite wird aktuell immer noch die Schriftart "Open Sans" verwendet, das ist eine Webfont. Wenn du nirgendwo mehr "Open Sans" ausgewählt hast, lade am besten einmal die Webseite vollständig neu hoch.
-
Ja, stattdessen eine andere Font wie "sans-serif" wählen.
-
Es könnte auch an dem Bild über dem Textabschnitt liegen, dass nachgeladen wird und dann den Text darunter verschiebt. Kannst du das zum Testen mal entfernen und dann schauen, ob der CLS runter geht?
-
Ansonsten könnte man dem Bild eine feste Höhe (statt auto) geben, dann tritt dieser Layoutshift auch nicht mehr auf:
-
Nein, das hat mit dem Indexieren bei Google nichts zu tun. Cache wird zwar von PageSpeed Insights verwendet, aber auch nur einige Minuten.
Gruss
Norbert
-
Ihre Werte sind doch gut. Vergleichen Sie das doch mal mit anderen, z.B. einer Google Website.
-
Danke, hat leider auch nicht geholfen.
Ich sehe im Quelltext bei dem Bild auf der Startseite immer noch als Höhe "auto".
-
Vielleicht zum Testen das Bild rausnehmen? Wenn dann der CLS 0 ist, liegt es definitiv am Bild.
-
problematisch ist die Seite fuehrungskompetenzen.com
Auch da sind die Werte (Computer), ausser Barrierefreiheit sehr gut. Um die Barrierefreiheit bezgl. ARIA-Roles zu verbessern folgt ein Online-Update. Mal sehen wieviel das bringt.
Ob das CLS überhaupt für die Abwertung ausschlaggebend war, weiß ja nur Google. Ich würde mich also rein darauf konzentrieren, die Dinge zu verbessern, die machbar sind, z.B. wird Textkomprimierung angemerkt, die auf Webservern relativ einfach über das gzip-Modul aktiviert werden kann. Einige andere angemerkte Punkte können wir bei einem Website-Baukasten leider nicht mit vertretbarem Aufwand besser lösen (Rendering blockieren, css/js reduzieren…).
Wir beobachten PageSpeed regelmäßig und verbessern, was mit vertretbarem Aufwand zu verbessern ist.
-
Einige andere angemerkte Punkte können wir bei einem Website-Baukasten leider nicht mit vertretbarem Aufwand besser lösen (Rendering blockieren, css/js reduzieren…)
Da fällt mir doch direkt ein Wunsch für zukünftige Versionen ein
Und zwar dass die bundle.js erst am Ende geladen wird, dann fällt das Blockieren des Renderings weg. Ist aber wahrscheinlich schwierig zu lösen, wenn Widgets (z.B. Slider) dann JS brauchen und dadurch ein Layoutshift entsteht, wenn der Slider nachgeladen wird.Stefan S Wenn du willst, schicke ich dir per Mail mal das Pagespeed-Ergebnis einer Seite mit ZP, die bei allen Werten 100 erreicht. Ist allerdings ein selbst entwickeltes Layout.
-
Kann man sie nicht einfach löschen?
Die bundle.js ist verantwortlich für viele Bestandteile der Webseite und kann nicht entfernt werden.
Den Google Tag Manager hast du selbst eingebunden, den kannst du natürlich auch wieder entfernen.
-
Wenn du willst, schicke ich dir per Mail mal das Pagespeed-Ergebnis einer Seite mit ZP, die bei allen Werten 100 erreicht. Ist allerdings ein selbst entwickeltes Layout.
Danke, eigentlich nicht notwendig, aber ansehen würde ich es mir trotzdem gerne.
Hier auch ein auf die Schnelle erstellter 100/100/100 Test (Computer) mit standard Layout und minimalen Farbanpassungen etc.. Aber wenn da mal richtiger Inhalt drin ist wird der Score nachlassen und das ist IMO auch vollkommen OK.
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!