Du har hørt, at internettet er blevet mere visuelt og gode billeder på din virksomheds hjemmeside er vigtige.
Men disse billeder kan være svøbet af dine besøgende på webstedet. Billeder tegner sig for 1 MB ud af den 1,7 MB, som den gennemsnitlige webside indeholder.
Dette kan ikke være meget af et problem for dine besøgende på stationære computere ved hjælp af højhastigheds-internetforbindelser. Men hvis du ser eller vil se øget trafik fra mobile besøgende, kan disse billeder være et problem. Billed-tunge websider kan tage lang tid at downloade. Besøgende bliver frustreret og forlade dit websted.
$config[code] not foundDu har måske implementeret et lydhurt webdesign, der tænker på at løse alle dine mobilproblemer. Og det er rigtigt, at et lydhurt webdesign løser nogle problemer. Det arrangerer automatisk og viser dine webstedselementer til at blive vist på mindre, smalere mobile skærme.
Men lydhør webdesign er ikke svaret på alt. Det løser ikke nødvendigvis billednedlastingsproblemet. Selv med lydhør design, bliver disse tunge billeder ofte downloadet alligevel. Som Web-præstationsspecialist Yoav Weiss påpeger kort på Opera-webstedet:
"Responsive Web Design RWD kombinerede nye browserfunktioner og CSS-teknikker til at oprette websteder, der tilpasser sig den enhed, der viser dem, og ser ideelle overalt. Det gjorde det muligt for udviklere at stoppe med at bekymre sig om upålitelig enhedsdetektering og tænke på deres websites med hensyn til visningsdimensioner.
Men selv om RWD-websteder kiggede anderledes på hver enhed, nedenunder, fortsatte de fleste af dem at downloade de samme ressourcer til alle enheder. "
Den nye
Hvis du ikke ved noget om HTML-kode, er en ikke-teknisk definition: Det er et specielt sprog. Når det bruges bag kulisserne i din webkode, giver dette sprog instruktioner til, hvordan browseren skal vise teksten og billederne. Det nye billedelement er en type HTML-markupsprog. Det er skrevet som dette (pr. Gruppen Responsive Images Community): Billedelementet handler om lydhør billeder, ikke lydhør design. Til ikke-tekniske forretningsfolk kan denne sondring forekomme lille. Men når det kommer til dit websteds ydeevne på mobile enheder, kan det være vigtigt. Ifølge en ArsTechnica-rapport løser det nye markeringselement problemerne forårsaget af billeder, der skulle ses på en fuldskærmsovervågning - billeder, der ikke oversætter godt til mobile enheder. Det
"Når browseren møder et billedelement, evaluerer det først alle regler, som webudvikleren kan angive. *** Efter at have evalueret de forskellige regler vælger browseren det bedste billede ud fra sine egne kriterier. Dette er en anden god funktion, da browserens kriterier kan omfatte dine indstillinger. For eksempel kan fremtidige browsere tilbyde en mulighed for at stoppe high-res-billeder fra at indlæse over 3G, uanset hvilket som helst billedelement på siden måske siger. Når browseren ved, hvilket billede der er det bedste valg, laster det faktisk og viser det billede i et godt gammelt img-element. … hvad der sker er Picture wraps en img tag. Hvis browseren er for gammel til at vide, hvad der skal gøres af a Ikke alle udviklere accepterede det nye billedelement først. Ars Technicas historie skitserer den proces, som ledere i webudviklingssamfundet gik igennem for at komme til det punkt, hvor $config[code] not found Men problemet ser nu ud til at blive afgjort, med det nye billede HTML-element vedtages. Det
Som forretningsfolk er det vigtigt at vide det Implementering af Picture HTML-elementet til billeder er noget, der skal diskuteres med din webudvikler. Teknisk-sindede og de-selv-selv kan gå her for at lære at bruge billedelementet. Det er en glimrende skrivning af Scott Gilbertson. Du er velkommen til at gennemføre
Billeder: Shutterstock; RICG Hvad er Picture HTML Element?
Nøglepunkter om
