Säilytä yksityiskohdat. Lyhennä odotusta.
Asiakas haluaa nähdä kankaan, ei ladata kameran alkuperäistiedostoa. Sovitamme kuvan koon, tiedostomuodon ja latauksen sen käyttötapaan.
Yksi valokuva. Kaksi eri tehtävää.
Tuoteluettelon pieni kuva näyttää nojatuolin muodon ja värin. Lähikuvasta pitää erottua kudos ja saumat. Saman suuren tiedoston käyttäminen molemmissa siirtää turhaa dataa. Molempien pienentäminen pikkukuviksi taas hävittää tärkeitä yksityiskohtia.
Tee sopivat kuvakoot luetteloa ja tuotesivua varten. Säilytä suurempi tiedosto varsinaista zoomausta varten. Tarkista jokainen versio siinä koossa, jossa asiakas sen näkee: pikkukuvalle sopiva pakkaus voi sumentaa kankaan lähikuvassa.
Korjaa tiedosto, koko ja latausjärjestys.
Aloita yhdestä hitaasta sivusta puhelimella. Selvitä, minkä kuvan asiakas tarvitsee ensin, ja tarkista nämä kolme asiaa.
Valitse muoto lopputuloksen perusteella
Vertaa sopivia tiedostomuotoja samassa näyttökoossa. Valitse pienempi tiedosto vain, jos reunat, rakenne ja värit näyttävät edelleen oikeilta asiakkaiden selaimissa.
Tarjoa selaimelle sopivat kuvakoot
400 CSS-pikselin levyisenä näytettävä kuva voi tarvita 800 pikselin tiedoston kaksinkertaisen pikselitiheyden näytöllä. Anna selaimelle kuvavaihtoehdot ja oikea näyttökoko, jotta se voi valita. Näin responsiivisen kuvan valinta toimii.
Lataa tärkeä kuva ensin
Anna heti näkyvän pääkuvan latautua nopeasti. Lataa alempana olevat kuvat myöhemmin ja varaa niiden tila, jotta hinnat ja painikkeet eivät siirry kuvien ilmestyessä. Ohjeita kuvien lataamiseen.
Pienempi tiedosto on vasta puolet tarkistuksesta.
Vertaa samaa sivua samalla näyttöleveydellä ja samoissa testiolosuhteissa ennen muutosta ja sen jälkeen. Tarkista asiakkaalle saapuva sisältö, ei vain mediakirjaston tiedostoa.
Mitä ladattiin?
Kirjaa todella ladattu kuvatiedosto ja tavumäärä. Optimoitu tiedosto ei auta, jos sivu lähettää edelleen vanhan alkuperäisen.
Mitkä yksityiskohdat säilyivät?
Vertaa samaa rajausta samassa koossa. Tarkista nojatuolin kangas, saumat ja väri erikseen luettelossa, koko kuvassa ja zoomauksessa.
Mitä latauksen aikana tapahtuu?
Tarkista pääkuvan ilmestymishetki sekä hinnan ja ostopainikkeen mahdollinen liikkuminen. Toista testi samoissa olosuhteissa ennen parannuksen arviointia.
Tarvitsetko vain suuren tiedoston lähettämistä? Käytä Devenia Sendiä.
Näytä yksityiskohdat ilman pitkää odotusta.
Lähetä yksi hidas sivu, tieto käytetystä laitteesta ja asiakkaalle tärkeistä yksityiskohdista. Kerro, koskeeko ongelma ensimmäistä kuvaa, galleriaa vai zoomausta.