Slyšeli jste, že se web stal víc vizuálním a skvělé obrázky ve vašem podnikovém webu jsou důležité.
Ale tyto obrázky mohou být pohromou návštěvníků vašich webových stránek. Obrázky představují 1MB z průměrné webové stránky 1,7MB.
To nemusí být pro návštěvníky v stolních počítačích, které využívají vysokorychlostní připojení k Internetu, velkým problémem. Pokud však vidíte nebo chcete vidět zvýšenou návštěvnost z mobilních návštěvníků, mohou být tyto obrázky problémem. Webové stránky s vysokým rozlišením mohou stahovat dlouhou dobu. Návštěvníci jsou frustrovaní a opouštějí vaše stránky.
$config[code] not foundMožná jste zavedli citlivý webový design a přemýšleli, že řeší všechny mobilní problémy. A je pravda, že citlivý webový design řeší některé problémy. Automaticky uspořádá a zobrazuje prvky vašeho webu, které se zobrazují na menších, užších mobilních obrazovkách.
Odpovědný webový design však není odpovědí na všechno. Nevyhnutelně řeší problém s stahováním obrázků. Dokonce i při citlivém designu se mnohokrát tyto těžké obrázky stále stahují. Jak odborník na webovou výkonnost Yoav Weiss stručně upozorňuje na webových stránkách opery:
"Odpovědný webový design RWD kombinoval nové možnosti prohlížeče a techniky CSS pro vytváření webových stránek, které se přizpůsobují zobrazovanému zařízení, a vypadají ideální všude. To umožnilo vývojářům přestat dělat starosti o nespolehlivé detekci zařízení a přemýšlet o svých webových stránkách, pokud jde o rozměry výřezu.
Ale i když stránky RWD vypadaly odlišně na každém zařízení, pod nimi většina z nich pokračovala ve stahování stejných zdrojů pro všechna zařízení. "
Nové
Pokud nevíte nic o kódu HTML, netechnická definice je: je to zvláštní jazyk. Při použití v zákulisí v kódu vašeho webu poskytuje tento jazyk pokyny, jak má prohlížeč zobrazit text a obrázky. Nový prvek Obrázek je typ značkovacího jazyka HTML. Je to napsáno takto (podle skupiny komunit respondentů): Element Picture je asi reagovat snímky, nereaguje design. Netechnickým podnikatelům se toto rozlišení může zdát malé. Ale pokud jde o výkon vašeho webu v mobilních zařízeních, mohlo by to být významné. Podle zprávy společnosti ArsTechnica se nový značkovací prvek zabývá problémy způsobenými obrazy, které byly určeny k zobrazení na monitoru v plné velikosti - obrazy, které se dobře netýkají mobilních zařízení. The
"Když prohlížeč narazí na prvek Picture, nejprve vyhodnotí všechna pravidla, která může vývojář webu určit. *** Poté, po vyhodnocení různých pravidel, prohlížeč vybere nejlepší obrázek na základě vlastních kritérií. Toto je další užitečná funkce, protože kritéria prohlížeče mohou obsahovat vaše nastavení. Například budoucí prohlížeče mohou nabízet možnost zastavit nahrávání obrázků s vysokým rozlišením z nabíjení přes 3G, bez ohledu na to, co by mohl říkat libovolný prvek Picture na stránce. Jakmile prohlížeč ví, který snímek je nejlepší volbou, skutečně načte a zobrazí tento obrázek v dobrém starém elementu img. … co se stane, je obrázek obtéká značku img. Pokud je prohlížeč příliš starý, aby věděl, co má udělat Ne všichni vývojáři nejprve přijali nový obrázek. Příběh společnosti Ars Technica nastíňuje proces, který vedoucí představitelé v komunitě pro vývoj webů prošli, aby se dostali do místa, kde se $config[code] not found Problém se však nyní zdá být ustálený, protože byl přijat nový prvek HTML obrázku. The
Jako obchodníci je důležité vědět to Implementace prvku Picture HTML pro obrazy je něco, s kým budete diskutovat s vaším vývojářem webu. Technici a myslíci si mohou jít sem, aby se naučili používat prvek Picture. Je to výborný zápis Scotta Gilbertsona. Nebojte se realizovat
Obrázky: Shutterstock; RICG Co je to element HTML obrázku?
Klíčové body o
