Aaron3219
Senior HTML'ler
Hey liebes Forum,
normalerweise übernimmt ein 'Kollege' immer die Suchmaschinenoptimierung, doch ich fand es mal ganz interessant, den Kram auch mal selber zu können. Bilder Kompressieren ist kein Problem, dass HTML zu reduzieren ebenfalls. Das einzige Problem auf das ich stoße ist,
'JavaScript- und CSS-Ressourcen, die das Rendering blockieren, in Inhalten "above the fold" (ohne Scrollen sichtbar) beseitigen'
Nun bin ich ja des Googlens mächtig und habe mich auch schon direkt an die Arbeit gemacht und nun wirklich viele Stunden investiert, die verschiedensten Varianten ausprobiert usw., doch es klappt einfach nicht.
Was above the fold nun bedeutet leuchtet mir bereits ein und ich habe mir auch die Empfehlungen von Google selber angeschaut, doch die haben mich bei CSS-Dateien schonmal nicht nach vorne gebracht.
Bei JS wird es sogar noch etwas lustiger. Ich habe bei allen Unterseiten den gleichen Aufbau, jedoch im Main-Part nur anderen Inhalt. Dementsprechend sind überall die gleichen Scripte eingebunden (+ Jquery 3.2.1). Nun zeigt mir Google auf mancher dieser Unterseiten an, dass NUR CSS-Files above the fold sind, bei anderen Unterseiten blockt nur das Jquery-Script und auf wiederum anderen Seiten zeigt es nicht nur Jquery, sondern auch noch 1-2 andere JS-Script an. Es gibt auch noch ein paar mehr Konfigurationen, die Google da raus schmeißt, aber das sollte erstmal genügen.
Noch ein Teil wäre, dass ich das Browser-Caching für folgende Scripte aktivieren soll:
Hinzu kommt der Punkt "Bilder optimieren":
Nun meine Frage:
Was zur Hölle ist das und wie kann man es beseitigen?
Ich bedanke mich schon für jegliche Antworten!
normalerweise übernimmt ein 'Kollege' immer die Suchmaschinenoptimierung, doch ich fand es mal ganz interessant, den Kram auch mal selber zu können. Bilder Kompressieren ist kein Problem, dass HTML zu reduzieren ebenfalls. Das einzige Problem auf das ich stoße ist,
'JavaScript- und CSS-Ressourcen, die das Rendering blockieren, in Inhalten "above the fold" (ohne Scrollen sichtbar) beseitigen'
Nun bin ich ja des Googlens mächtig und habe mich auch schon direkt an die Arbeit gemacht und nun wirklich viele Stunden investiert, die verschiedensten Varianten ausprobiert usw., doch es klappt einfach nicht.
Was above the fold nun bedeutet leuchtet mir bereits ein und ich habe mir auch die Empfehlungen von Google selber angeschaut, doch die haben mich bei CSS-Dateien schonmal nicht nach vorne gebracht.
Bei JS wird es sogar noch etwas lustiger. Ich habe bei allen Unterseiten den gleichen Aufbau, jedoch im Main-Part nur anderen Inhalt. Dementsprechend sind überall die gleichen Scripte eingebunden (+ Jquery 3.2.1). Nun zeigt mir Google auf mancher dieser Unterseiten an, dass NUR CSS-Files above the fold sind, bei anderen Unterseiten blockt nur das Jquery-Script und auf wiederum anderen Seiten zeigt es nicht nur Jquery, sondern auch noch 1-2 andere JS-Script an. Es gibt auch noch ein paar mehr Konfigurationen, die Google da raus schmeißt, aber das sollte erstmal genügen.
Noch ein Teil wäre, dass ich das Browser-Caching für folgende Scripte aktivieren soll:
- https://www.google.com/recaptcha/api.js (5 Minuten)
- https://www.google.com/…pi2/webworker.js?hl=de&v=r20171212152908 (5 Minuten)
- https://www.googletagmanager.com/gtag/js?id=UA-108640657-1 (15 Minuten)
- https://maps.googleapis.com/…=AIzaSyAlL_x9aI7Nb5wsQkl7x3bs4uxsehvFrko (30 Minuten)
- http://www.google.com/recaptcha/api/js/recaptcha.js (50 Minuten)
- https://www.google-analytics.com/analytics.js (2 Stunden)
Hinzu kommt der Punkt "Bilder optimieren":
- Durch die Komprimierung von http://www.google.com/recaptcha/api/img/red/sprite.png könnten 824 Byte (16 %) eingespart werden.
- Durch die Komprimierung von http://www.google.com/recaptcha/api/img/red/audio.gif könnten 758 Byte (82 %) eingespart werden.
- Durch die Komprimierung von http://www.google.com/recaptcha/api/img/red/refresh.gif könnten 589 Byte (60 %) eingespart werden.
Nun meine Frage:
Was zur Hölle ist das und wie kann man es beseitigen?
Ich bedanke mich schon für jegliche Antworten!