Wie wird Quellcode in den head-Bereich eingefügt, zum beispiel "<script src="/assets/bundle.js" defer></script>" um das Rendering nicht zu blockieren?
Quellcode bearbeiten
-
-
Hallo Wpelz,
hierfür kannst Du das Attribut "additional_meta" nutzen.
Weitere Hinweise zu den Attributen unter
Viele Grüße
Tom
-
Vielen Dank. Was geschieht mit dem alten Quelltesxt. Konkret "<script src="assets/bundle.js?v=638783479554436546"></script>" soll druch "<script src="assets/bundle.js?v=638783479554436546" defer></script>" ersetzt werden. Wegen der Ladegeschwindigkeit (Page Speed)
-
Hallo Wpelz,
das ist eine durchaus berechtigte Frage, die ich Dir allerdings nicht beantworten kann. Da wird sich aber sicherlich noch jemand finden.
Viele Grüße
Tom
-
Gibt es denn bei ZP keine Möglichkeit, den Quelltext zu bearbeiten?
-
Hallo Wpelz,
die Datei bundle.js muss am Anfang der Seite geladen werden, weil im späteren Verlauf der Seite die dort enthaltenen Bibliotheken (z.B. jQuery) benötigt werden. Deshalb kann leider kein defer Attribut eingefügt werden. Trotzdem sollten mit den richtigen Einstellungen (Caching, Optimierung der Bilder,...) gute Page Speed Ergebnisse erzielt werden können.
-
Was sind die „richtigen Eistellungen“ ? Das ist die 1000 Euro Frage und würde die Community glücklich machen. Page Speed ist inoffiziell eine der wichtigsten Ranking-Kriterien. Kurze Ladezeiten habe für Google massive Vorteile
-
Wenn Sie mir die Adresse der Seite nennen, schau ich mir das gerne mal an.
-
Es sind mehrere Seiten. Eine ist: 360-grad-feedback.net
-
Die Seite erreicht auf mobilen Geräten einen PageSpeed Score von 94/100, das ist optimal: https://pagespeed.web.dev/analysis/https…m_factor=mobile
-
Ja, 94 % nachdem ich viel herumgewurstelt und vor allem Google Analytics entfernt habe. Das Problem ist, aber dass das Rendering verhindert wird - auf verschiedenen meinder Seiten - durch Dateien wie diese:
URL Übertragungsgröße Mögliche Einsparungen fuehrungskompetenzen.com
Eigene
110,7 KiB 750 ms 63,5 KiB 450 ms Die enorme Gööße derartiger Dateien ist das Kernproblem. Kann man sie nicht einfach löschen? Braucht Zeta diese?
-
Wie schon gesagt, das lässt sicher leider nicht so einfach beheben.
-
Danke.
Könntest Du bitte noch was sagen zu "richtigen Einstellungen (Caching, Optimierung der Bilder,...) ".
-
Wie kann ich nicht verwendete CSS entfernen. Schau dir das mal an: Die Daei ist riesengroß und vermutlich überflüssig:
-
Hallo Waldemar,
ob die bundle.css überflüssig ist, liegt letztlich im Auge des Betrachters.
Die bundle.css beinhaltet sämtliche Einstellungen zum Layout der Seite, also Einstellungen, die Du bspw. unter „Layout“ vornimmst. Fehlt diese Datei, dann wird die Seite sehr wahrscheinlich noch funktionieren, das Design dürfte dann aber sehr stark an die Anfänge des Internets erinnern.
Du kannst das ganz einfach testen. Kopiere den Ordner „output“, welcher die Dateien enthält, die ZP auf Deinen Server kopiert, und füge die Kopie wieder an beliebiger Stelle ein.
Standardmäßig liegt der Ordner unter
C:\Users\Home\Documents\Zeta Producer 16\Projects\Dein 360°-Projekt\output.
Öffne nun im kopierten Ordner „output“ die index.html. Die Seite sollte jetzt noch den vertrauten Anblick bieten. Schließe den Browser und gehe nun in den Ordner „assets“. Hier findest Du die bundle.css. Lösche diese und öffne nun die index.html im übergeordneten Ordner erneut. Die Seite sollte jetzt sehr rudimentär aussehen.
Die bundle.css zu löschen, ist also keine gute Idee. Natürlich beinhaltet die Datei u. U., auch „überflüssigen“ Code, bspw. Einstellungen zu den Breadcrumbs, die Du vielleicht gar nicht nutzt. Natürlich könnte man jetzt einen Editor zur Hand nehmen, die bundle.css dahingehend durchforsten und Codeschnipsel entfernen. Das setzt aber entsprechende Kenntnisse voraus, zudem ließe sich das auch nicht in ZP bewerkstelligen, und Du müsstest die von ZP hochgeladene bundle.css manuell, z, B. mittels Filezilla, durch Deine modifizierte bundle.css ersetzen. Und das jedes Mal, sobald Du Änderungen an Deiner Seite veröffentlichst. Also ebenfalls keine gute Idee.
Ein paar Ratschläge:
- Sicherstellen, dass unter „Website > Erweitert > Erweiterte Einstellungen > Kodierung“ „CSS-Dateien komprimieren“ aktiv ist.
- Solltest Du unter „Website > Einstellungen > CSS“ umfangreicheres eigenes CSS eingefügt haben, wonach es derzeit nicht aussieht, könntest Du dieses aber mittels https://www.widget-zp.de/css-global.html auslagern bzw. direkt in die bundle.css schreiben lassen.
- Vielleicht nicht alles glauben, was einem das Internet sagt.
Viele Grüße
Tom
-
Hallo
Auf keinen Fall würde ich solche Dateien, die zu Zeta gehören, entfernen! Selbst wenn es momentan den Anschein macht, dass diese nicht benutzt werden (was bei bundle.css sicherlich nicht der Fall ist), sollte man nicht innerhalb der Zeta-Struktur "einfach" Dateien löschen.
Der Score-Wert 94/100 ist doch schon SEHR gut, würde ich sagen - diese 450 ms für das Laden der bundle.css sind doch sinnvoll investiert.
Auch ich war mal "angefressen" von diesem Google-Score, hatte für die Desktop-Variante sogar mal 100 % ... dann aber musste ich lernen, nicht zuviel Zeit in diesen Score (für Mobile eben auch) zu investieren - sonst wird man da wohl nie fertig - und wenn nur zwischenzeitlich - dann ändert wieder was und und und ...
Der Erfolg einer Website hängt ja ganz sicher nicht nur von solch einem Score oder der Platzierung der Site ab, sondern auch noch von anderen Werten - wie Zufriedenheit der Kunden, "Mund-zu-Mund-Werbung" etc.
Also, wenn solche Dateien gelöscht werden, dann nicht erstaunt sein, wenn "plötzlich" die Seite nicht mehr ordnungsgemäss funktioniert.
Gruss
-
Besten Dank an Tom und Norbert.
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!