Preloading

[Ledo]

Hallo zusammen,

ein Kollege bei uns im Unternehmen hat mir die "Preloading-Technik" angepriesen, um die Ladezeit unserer schon gut optimierten Firmenwebsite weiter zu reduzieren.

Deshalb meine Frage an die Technikaffinen hier, da ich das leider nicht beurteilen kann, inwieweit das funktioniert bzw. sinnvoll ist:

https://css-tricks.com/prefetching-prel ... ebrowsing/

Würde mich über eine Einschätzung von euch freuen.

Danke!

[Wirths Media]

Hallo,

da stellen sich doch erst einmal die Fragen wie lange die Ladezeit ist und warum das Laden so lange dauert bei einer optimierten Seite.

Gruß
Daniel

[Ledo]

Hallo Daniel,

die Ladezeiten sind schon in Ordnung. Aber es spricht ja nichts dagegen, sie weiter zu reduzieren, wenn es die Möglichkeit gibt – kommt ja schließlich dem Nutzer zugute.

Mir geht’s mehr darum, ob dieses erwähnte Technik dazu geeignet ist?

[CyberNibbler]

Ab einem bestimmten Umfang und Größe einer Webeite, lohnt es sich.
DNS Prefetching sind nur notwendig, wenn auf der Webseite Resourcen von verschiedenen Domains eingebunden sind.

[Ledo]

Danke CyberNibbler!

Ja, es ist eine relativ große Site (ca. 800.000 Besucher/Monat).

Was meinst du genau mit Webseite Resourcen von verschiedenen Domains? Zählt dazu beispielsweise auch Adsense?

[CyberNibbler]

Hey Ledo!

Resourcen sind einfach Dateien. - Grafiken, Videos, Audiodateien, CSS-Dateien, und auch JS-Skripte, wie AdSense (richtig!)

Wenn du zum Beispiel 100 Dateien auf der Webseite eingebunden hast, welche sich auf 10 Domains verteilt befinden, muss ein Webbrowser erst 10 DNS Lookups machen - sofern er die DNS vorher noch nicht aufgelöst hatte.


Ich habe gerade nochmal deinen ersten Post gelesen und mir ist etwas aufgefallen.
Du beziehst dich ja explizit auf Preloading und auf Ladezeit.

Für eine Webseite gibt es 2 Preloading Szenarien.
1. sichtbares Preloading
Beim Öffnen der Webseite erscheint ein "Preloader". - Eine Statusanzeige zum Ladefortschritt der Webseite. - Wenn dieser bei 100% ist, wird darauf sofort die Webseite angezeigt.
2. unsichtbares Preloading
Es können Seiten und Resourcen, die auf der Webseite auf anderen Seiten angezeigt werden können, vorgeladen werden.

Szenarium Nummer 2 ist Verchwendung von Resourcen (Traffic, Serverkapazität) wenn die vorgeladenen Seiten vom User dann gar nicht angesurft werden.

Cached ihr dynamisch generierte Seiten?
Vor allem durch Caching werden Ladezeiten bei einer hohen Besucherzahl verkürzt.

[Ledo]

Hallo CyberNibbler,

vielen Dank für die ausführliche Antwort! Ja, die Seiten werden gecached.

[Rem]

Häufig verwendete, kleine Graphiken lassen sich z.B. auch in ein Sprite legen.
https://www.w3schools.com/css/css_image_sprites.asp

Dadurch lädt der Browser nur eine Graphik statt deren 10. Was einige Konflikte beim Laden löst. Was im Cache ist, ist preloaded.

Darüber hinaus: es ist schon sehr unsinnig Dinge vorzuladen, die man dann nicht braucht, weil es Resourcen verschwendet. Dann lieber mal ordentlich die Webseite nach Geschwindigkeit optimieren...

[nerd]

https://css-tricks.com/prefetching-prel ... ebrowsing/

Fuer 90% aller webseiten nutzlos. Wenn du eine webseite schneller machen willst, dann schaue dir an womit der browser die meiste zeit verbringt. Das sind fast imer nicht optimierte bilder, irgendwelche "designer"die ihre photoshop-kleistereien in 99% jpg-qualitaet auf die webseite setzten, dutzende js files, riesige css files, kein gzip, keine cache expiry headers gesetzt usw.
DNS prefetching wird erst wichtig, wenn es wirklich eine riesige seite ist ihre resourcen von vielen verschiedenen domains und subdomains holen muss.

[Can]

Ledo, schick mir doch mal den Link der Seite zum anschauen.
vg.