registrieren registriertes Mitglied


Anzeige

Anzeige

PageSpeed Insights & Background-Cover-Image

Alles über Google diskutieren wir hier.
Sebastian_
PostRank 1
PostRank 1
Beiträge: 9
Registriert: 26.02.2017, 17:17

Beitrag Sebastian_ » 26.02.2017, 18:14 PageSpeed Insights & Background-Cover-Image

Liebe Forumsmitglieder,

im Rahmen der Pagespeed-Optimierung (Google PageSpeed Insights) wird leider derzeit immer noch ein Hintergrundbild bemängelt und mir fällt keine vernünftige Lösung der Optimierung diesbezüglich ein.

Die CSS-Regel lautet wie folgt:

Code: Alles auswählen

@media only screen and (min-width:769px){body{background:url(https://www.admody.com/images/admody-rechtsanwaelte-aktiengesellschaft_visitenkarte.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#000}}
Wenn ich die Regel innerhalb des extern verlinkten Stylesheets verwende, nimmt der PageSpeed ab. Genauso innerhalb der <style>-Angabe im Head-Bereich.
Die bisher am besten bewertete Lösung ist die JavaScript-Krücke, welche ich jedoch nicht für ideal halte.

PageSpeed Insights gibt mir folgendes Ergebnis aus:
Admody.com PageSpeed Insights.

Konkret geht es um die Webseite der Admody Rechtsanwälte Aktiengesellschaft.
Die Seite ist abseits dieser Sache meines Erachtens nach hinreichend optimiert und schlägt sich ganz gut in den gängigen Tests. Bei der Gestaltung wurde insbesondere auf validen HTML und CSS Quelltext geachtet.

Nichtsdestotrotz hätte ich für das Hintergrundbild gerne eine Lösung. An der Gesamtgröße der HTML-Antwort liegt es nicht (sofern man die CSS-Regel weglässt und/oder diese mit Platzhaltern füllt, ist der PageSpeed wunderbar).
Das Bild direkt in das externe CSS-Stylesheet aufzunehmen (data:image/jpg) wäre zwar möglich, würde aber dazu führen, dass dieses auch an Besucher ausgeliefert werden würde, welche die Mobilversion der Seite betrachten, und so unnötigerweise Datentransfer stattfinden würde. Auf Cloaking oder entsprechende Prüfungen für Mobilgeräte im Rahmen der Seitengenerierung möchte ich verzichten.

Daher wollte ich mal hier fragen, ob jemand eventuell für diese Herausforderung eine Lösung hätte.
Da ich kein Fan davon bin, eine gute Leistung nicht zu entlohnen, soll eine mir in der Situation helfende Antwort auch nicht kostenlos sein. Daher biete ich demjenigen, welcher als erster mir eine entsprechende Lösung gemäß der genannten Kriterien hier innerhalb der nächsten 7 Tage präsentiert, eine Zahlung von 100,- EUR an. Die Zahlung würde von mir privat erfolgen. Sollten zwei oder mehrere Personen an der Erarbeitung bzw. Lösung beteiligt sein, darf jedes Forumsmitglied mit mehr als 500 Posts über die Verteilung der 100,- EUR unter den Beteiligten final entscheiden (frühster Post entscheidet), wobei etwaig Beteiligte natürlich an der Verteilungsentscheidung ausgeschlossen sind.

Mit Blick in die Zukunft (parallax scrolling) würden vielleicht mehrere Bilder auf diese Art eingebunden werden. Was mich im Ergebnis auch zu diesem Post hier veranlasst hat.

Vielen Dank vorab!


Mit besten Grüßen

Sebastian Höhne
Admody RAe AG: Gewerblicher Rechtsschutz, Handels- & Gesellschaftsrecht als auch IT-Recht

Anzeige von: