Ladedauer Slider

[Rasputin]

Ich möchte für ein neues Projekt eine Content-Slideshow einsetzen. Das dürfte mit den passenden Wordpress-Plugins kein Problem sein. Ich habe aber von der zugrunde liegenden Technik überhaupt keine Ahnung und stelle mir nun die Frage, wie es zu den langen Ladezeiten kommt, die ich bei Slideshows manchmal beobachte. Liegt es grundsätzlich an der Technik oder an den großen Bildern, die erst einmal geladen werden müssen?

Wahrscheinlich klingt diese Frage in den Ohren eines Programmierers ziemlich dämlich... Ich möchte nur verhindern, dass die Performance am Ende so gruselig ist, dass sich Besucher und Google schnelleren Seiten zuwenden.

[Melegrian]

Wahrscheinlich klingt diese Frage in den Ohren eines Programmierers ziemlich dämlich... Ich möchte nur verhindern, dass die Performance am Ende so gruselig ist, dass sich Besucher und Google schnelleren Seiten zuwenden.

Klingt nicht dämlich. Nach einigen Beispielen, die ich sah, da waren eher die Programmierer mit dieser Eigenschaft behaftet.

Liegt es grundsätzlich an der Technik oder an den großen Bildern, die erst einmal geladen werden müssen?

An den Bildern sicherlich zuweilen auch, doch wie kann ich denn als Programmierer (ausgehend von den Beispielen, die ich sah) so dämlich sein und alle Bilder vorladen, nur damit als erstes eine Slideshow ohne Rücksicht auf Verluste bei der Ladezeit einer Seite starten kann?

Der richtige Weg wäre hier nach meiner bescheidenen Meinung, zuerst den Slider nur mit einem abgemagerten Image anzuzeigen und alles weitere erst nach onload zu laden und zu starten. Frage mich jetzt nur nicht, welche Slider das bringen und welche nicht, denn ich hatte das nur einmal in einem anderen Zusammenhang benötigt.

[Rasputin]

Danke!
Ich habe ein Plugin namens "LayerSlider" gefunden, das recht gute Kritiken bekommen hat. Dass das Ding 18 Dollar kostet, finde ich völlig okay, wenn es denn funktioniert. Nur habe ich irgendwie keinen Nerv, ein halbes Dutzend dieser Plugins auszuprobieren, nur um dann zu merken, dass das alles nicht SEO-tauglich ist. Hm. Vielleicht gibt es hier im Forum doch einen Slideshow-Experten?

[nerd]

Finger weg von slidern! Es gibt jede menge studien dazu die besagen, dass ~95% der user slider kaum als solche wahrnehmen weil es wie ein bild aussieht - die slider die ich kenne starten ja erst, nachdem ALLE bilder komplett geladen sind!
soll heissen dass die user, die keine 10MBit leitung haben schon nach unten gescrollt haben bevor der slider ueberhaupt startet.

Dann gibts noch andere probleme mit benutzbarkeit, wie lange muss ein bild stehen bleiben bis der user den text darauf gelesen hat? Jeder user liest text schneller oder langsamer.

Soll die seite responsive sein? Wenn ja dann muss der slider auf handies manuell ausgeloest werden, denn erstens laden die bilder dort noch langsamer, zweitens haben viele handies bei animationen oder ueberblendeffekten mit transparenz extreme probleme und fangen an zu ruckeln, weswegen du nur weiterscrollen solltest wenn der user explizit weiter klickt.

Insgesamt sind slider ein beschissener trend von vor 5 jahren, der heute nur von marketingfuzzies eingesetzt wird die auch solche "inflatable tube man" dinger auf dem hof stellen wuerden um ihre ladenhueter daneben zu verramschen.

Wenn du 3-5 dinge hast die unbedingt auf die frontpage sollen, dann organisiere sie als liste untereinander oder als tiles, damit sie der besucher gleichzeitig wahrnehmen kann und in seinem eigenen tempo lesen kann!

[Rasputin]

Das ist doch mal ein eindeutiges Statement! Danke.
Mein Grund für einen Slider war in der Tat, dass ich relativ viel Information auf der Startseite unterbringen will (muss). Aber deine (Gegen-)Argumente sind natürlich einleuchtend.

[top]

... die slider die ich kenne starten ja erst, nachdem ALLE bilder komplett geladen sind!
...

Dann solltest du dir mal https://fotorama.io/ anschauen.

Bilder lassen sich auch so einbinden, dass sie erst dann nachgeladen werden, wenn sie angezeigt werden sollen.

Wie gut das mit deren Wordpress-Plugin funktioniert, kann ich nicht beurteilen. Ich nutze WP nicht und habe den Slider erst auf ein paar statischen Seiten eingebaut.
(z.B. hier: https://www.dr-petra-boehmer.de/ )

Das Teil ist von Haus aus responsive, Bilder lassen sich auch per Touch verschieben und läuft selbst auf meinem billigem Aldi-Samsung (J1 für 90 Euro) recht flüssig.

Ich würde es aber auch nicht verwenden um darin viele Informationen zu packen. Damit gebe ich nerd recht.

[nerd]

Bilder lassen sich auch so einbinden, dass sie erst dann nachgeladen werden, wenn sie angezeigt werden sollen.

Stimmt, aber damit loest du kein problem, sondern tauschst nur ein problem gegen ein anderes aus. Statt dass der browser bilder natuerlich laedt, bindest du ein weiteres JS ein (noch mehr ladezeiten fuer den user, mehr aufwand fuer dich mit test und entwicklung) und du bringst mittelklassehandies mit begrenzten resourcen weiter an den rand des absturzes mit jedem weiteren JS was du auf deiner seite einbindest und was noch mehr events ueberwachen muss.

Mein motto ist, dass eine schnelle und schlanke seite deutlich besser ist und mehr (wiederkehrende) besucher hat als eine die aussieht wie'n Photoshop file mit schatten, slidern, 100 thumbnails und 5 verschiedenen externen fonts auf jeder seite.

[[btk]tobi]

Ich sehe es auch so wie nerd, Slider bringen absolut keinen Mehrwert für den Besucher, aber erhöhen die Ladezeit unheimlich. Man darf hier nicht nur die KB für den Datentransfer rechnen, sondern muss auch noch die rendering Zeit des Browsers mit einrechnen.
Informationen würde ich darin eh nicht verstecken denn die meisten Besucher nehmen den Slider als Bild war und klicken oder scrollen weiter ohne das 2. Bild überhaupt gesehen zu haben. Dann kommt dazu das Slider eigentlich immer nur mit JS funktionieren. Was ist wenn ein User JS deaktiviert hat? Was ist mit blinden?
Wenn du etwas Abwechslung in deinen Header bringen willst erstelle dir verschiedene Bilder und lass sie bei jedem Seitenaufruf per Zufall anzeigen.

Gruß Tobi