Permalänk
Medlem

pre-load images? Hur gör ni?

Hallå!

Håller på att utveckla en sida med ganska mycket bilder, ska man pre-loada dessa eller vara låta det vara? (grön på ämnet)

Har provat att göra det med CSS, men hittar inget som indikerar att bilden är cashad i firebug

Tankar? Ska man använda JS? Ska man inte alls pre-loada bilder?

Source: http://perishablepress.com/press/2008/06/14/a-way-to-preload-...

HTML

<html> <head> <title>pre-load</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div align="center"> <img src="../../img.png"> </div> <div id="preload"> <img src="../../img.png" width="1" height="1" alt="img" /> </div> </body> </html>

CSS

div#preload { display: none; }

Visa signatur

▩ Monitor: ASUS Swift 27" @ 1440p/165Hz ▩ CPU: Ryzen 7700X ▩ Cooling: Corsair H170i ELITE 420mm ▩ GPU: MSI 3080 Ti SUPRIM X ▩ Memory: Corsair 32GB DDR5 Vengeance ▩ Motherboard: ASUS Crosshair X670E Hero ▩ M.2: Samsung 980 Pro ▩ PSU: Corsair HX1200 ▩ Chassi: Corsair 7000X ▩ Geekbench 6: 2903 ▩ Time Spy: 19 340

📷 Mina fotografier
👍 SweClike - Synligare färg på dina likes

Permalänk
Medlem

Den enda gången det är intressant att pre-loada en bild är när man vet att användaren kommer att se en bild, som inte har laddats.
Detta gör man för att förbättra användarupplevelsen så att inte bilderna halkar efter, baserat på vad användaren anser som "direkt".
All annan preload anser jag är slöseri med bandbredd. Då kan man lika gärna preloada alla bilder.

Har man ett galleri så är det rimligt att anta att användaren kan leva med att bilderna tar lite tid att ladda. Är det däremot logotyper och övriga bilder som är av designändamål så är det rimligt att dessa bilder bör pre-loadas. Exempelvis olika bakgrundsbilder för olika avdelningar.

Pre-loada med javascript om du anser att din sida kräver javascript för att fungera optimalt (att preloada är en form optimering). Fungerar din sida utan javascript så kan det vara bra att titta på andra alternativ.

Det var mina tankar om preload, någon annan kanske har andra åsikter om det. I grund och botten handlar det om bandbredd vs användarens trivsel.

Visa signatur

ηλί, ηλί, λαμά σαβαχθανί!?

Permalänk
Medlem
Skrivet av Leedow:

Den enda gången det är intressant att pre-loada en bild är när man vet att användaren kommer att se en bild, som inte har laddats.
Detta gör man för att förbättra användarupplevelsen så att inte bilderna halkar efter, baserat på vad användaren anser som "direkt".
All annan preload anser jag är slöseri med bandbredd. Då kan man lika gärna preloada alla bilder.

Har man ett galleri så är det rimligt att anta att användaren kan leva med att bilderna tar lite tid att ladda. Är det däremot logotyper och övriga bilder som är av designändamål så är det rimligt att dessa bilder bör pre-loadas. Exempelvis olika bakgrundsbilder för olika avdelningar.

Pre-loada med javascript om du anser att din sida kräver javascript för att fungera optimalt (att preloada är en form optimering). Fungerar din sida utan javascript så kan det vara bra att titta på andra alternativ.

Det var mina tankar om preload, någon annan kanske har andra åsikter om det. I grund och botten handlar det om bandbredd vs användarens trivsel.

Tack så mycket för svaret!

Hade de på känn så jag tror jag står över att använda pre-load

Visa signatur

▩ Monitor: ASUS Swift 27" @ 1440p/165Hz ▩ CPU: Ryzen 7700X ▩ Cooling: Corsair H170i ELITE 420mm ▩ GPU: MSI 3080 Ti SUPRIM X ▩ Memory: Corsair 32GB DDR5 Vengeance ▩ Motherboard: ASUS Crosshair X670E Hero ▩ M.2: Samsung 980 Pro ▩ PSU: Corsair HX1200 ▩ Chassi: Corsair 7000X ▩ Geekbench 6: 2903 ▩ Time Spy: 19 340

📷 Mina fotografier
👍 SweClike - Synligare färg på dina likes