Webseiten Hintergrund lädt zu langsam

02/08/2017 18:50 DeadLine'#1
Problem: Ein Hintergrundbild lädt zu langsam, sodass jedes mal, wenn man eine neue Seite aufruft der Hintergrund erst eine halbe Sekunde erst weiß ist und man dann erst das Bild sieht.

Wie kann man dies beheben?

Zahle 25€ Paypal, wenn mir jemand helfen kann. :)

Wäre evtl gut, wenn man irgendwie angeben könnte, dass der erst das Bild laden soll und wenn dies fertig ist den Rest.
02/08/2017 19:31 lnqlorlouz#2
Man könnte das Bild in zwei oder drei Stücke teilen, die Auflösung verkleinern oder eben einführen, dass das Bild zuerst geladen werden soll.
02/08/2017 19:49 DeadLine'#3
Quote:
Originally Posted by lnqlorlouz View Post
dass das Bild zuerst geladen werden soll.
Die Frage ist wie ich dies anstelle.
02/08/2017 20:06 False#4
Quote:
Originally Posted by 5n00pz View Post
Die Frage ist wie ich dies anstelle.
Was für eine Auflösung hat das Bild den ? (und vor allem wie groß ist das Bild?)
Viel machen kann man da nicht machen auser Cache aktivieren, ggf Auflösung verringern und/oder Bild komprimieren(z.b. über [Only registered and activated users can see links. Click Here To Register...], Url rein, laden lassen und dann kannst du unten alle Bilder Komprimiert runterladen.
02/08/2017 20:24 DeadLine'#5
Quote:
Originally Posted by .ƒaℓsє. View Post
Was für eine Auflösung hat das Bild den ? (und vor allem wie groß ist das Bild?)
Viel machen kann man da nicht machen auser Cache aktivieren, ggf Auflösung verringern und/oder Bild komprimieren(z.b. über [Only registered and activated users can see links. Click Here To Register...], Url rein, laden lassen und dann kannst du unten alle Bilder Komprimiert runterladen.
Das Bild ist so groß in etwa: [Only registered and activated users can see links. Click Here To Register...]
Und wird halt auf der Website mehrfach angezeigt.

gzip usw ist alles über cloudflare schon aktiviert.
Würde halt gerne wissen, wie man das einstellt, dass der halt zu erst das Bild lädt.
Bei epvp sehe ich nix vom Bildaufbau. So will ich das auch haben.
02/08/2017 20:53 False#6
Quote:
Originally Posted by 5n00pz View Post
Das Bild ist so groß in etwa: [Only registered and activated users can see links. Click Here To Register...]
Und wird halt auf der Website mehrfach angezeigt.

gzip usw ist alles über cloudflare schon aktiviert.
Würde halt gerne wissen, wie man das einstellt, dass der halt zu erst das Bild lädt.
Bei epvp sehe ich nix vom Bildaufbau. So will ich das auch haben.
Okay, also ist es kein Full Hd Bild o.ä.
Wie wird das Bild den eingebunden ?

Am besten einfach mal die Seite schicken (von mir aus auch per Pn), dann kann man sich ein besseres Bild davon schaffen.
02/08/2017 23:08 DeadLine'#7
Quote:
Originally Posted by .ƒaℓsє. View Post
Okay, also ist es kein Full Hd Bild o.ä.
Wie wird das Bild den eingebunden ?

Am besten einfach mal die Seite schicken (von mir aus auch per Pn), dann kann man sich ein besseres Bild davon schaffen.
Habe Dir eine PN gesendet. Mir geht es halt darum, dass es nicht so aufblinkt beim laden.
02/08/2017 23:32 False#8
Quote:
Originally Posted by 5n00pz View Post
Habe Dir eine PN gesendet. Mir geht es halt darum, dass es nicht so aufblinkt beim laden.
Okay, das bild wird bei euch innerhalb von 25ms geladen und bei epvp ca 80ms.
Sprich bei euch läd es schneller und die Cache Zeit ist auch deutlich höher eingestellt.
Das einzige was ich mir noch einfallen würde ist das es daher kommen könne da ihr die css Datei über php mit Parameter ladet.
Sprich sowas wie "domain.de/css.php?parameter1=xyz", deswegen könnte es sein das der Browser die Datei nicht richtig cachen kann.
Das führt dazu, das der Hintergrund erst nach ein paar ms geladen wird.

Zum prüfen kannst du einfach die dazu passende Css Regel einfach mal Hart in das Html schreiben damit es sofort geladen wird.

Was anderes fällt mir gerade nicht auf.
02/08/2017 23:35 Jukeflow#9
@5n00pz Ich hatte dir ne PN da gelassen, schau doch mal rein.
02/09/2017 17:50 Devsome#10
ggf. könntest du mit varnish bestimme Ordner-/Bilder cachen die dann direkt aufgerufen werden.
02/15/2017 16:14 samkeezz#11
Hat das Bild ein bestimmtes Pattern? Wie bindest du dein Bild ein? Schau mal auf dieser Seite: [Only registered and activated users can see links. Click Here To Register...], ich denke das du dein Bild so einbinden kannst. Bild im Public Ordner im Projekt platzieren, einbinden, CSS Property setzen das das Bild wiederholt werden soll und das sollte es easy funktionieren.
02/15/2017 23:43 False#12
Quote:
Originally Posted by samkeezz View Post
Hat das Bild ein bestimmtes Pattern? Wie bindest du dein Bild ein? Schau mal auf dieser Seite: [Only registered and activated users can see links. Click Here To Register...], ich denke das du dein Bild so einbinden kannst. Bild im Public Ordner im Projekt platzieren, einbinden, CSS Property setzen das das Bild wiederholt werden soll und das sollte es easy funktionieren.
Wird momentan so gemacht.
02/17/2017 20:17 ARMEN*#13
Hey @5n00pz ich kann dir auf jeden fall dabei helfen ! :)

Ich arbeite in einer Agentur und habe sämtliche Erfahrung gesammelt wie man ein Bild von der Datei Auflösung her reduzieren kann ohne das man Auflösung verliert usw.
02/18/2017 15:27 Menan#14
Der Trick bei epvp ist es, dass der Hintergrund css technisch bereits gestylt ist, wie das Hintergrundbild und deswegen der unterschied der Farben nicht ganz so groß ist.
Dadurch hast du kein "blinken".

Aber du kannst natürlich auch erst das Bild laden und dann den Content der Seite sichtbar schalten.

Beste Grüße,
Menan