Hallottad, hogy fontos, hogy a web a vizuális és nagyszerű képekké váljon az Ön vállalati webhelyén.
De ezek a képek lehetnek a webhely látogatóinak csapása. A képek az 1MB-ből 1MB-ből állnak, az átlagos weblap tartalmazza.
Előfordulhat, hogy a nagysebességű internetkapcsolatot használó asztali számítógépeken ez nem jelent problémát. Ha azonban látja vagy meg szeretné látni a mobil látogatók nagyobb forgalmát, ezek a képek problémát jelenthetnek. A kép-nehéz weblapok hosszú ideig tarthatnak a letöltéshez. A látogatók csalódnak és elhagyják a webhelyét.
$config[code] not foundLehet, hogy megvalósított egy érzékeny webes tervezést, gondolkodást, amely megoldja az összes mobil problémáját. És igaz, hogy egy érzékeny web design megoldja a problémákat. Automatikusan elrendezi és megjeleníti a webhely elemeit, amelyeket kisebb, szűkebb mobilképernyőkön tekinthet meg.
De a rugalmas webes tervezés nem mindenre ad választ. Nem feltétlenül oldja meg a kép letöltési problémáját. Még az érzékeny tervezésnél is, a nehézsúlyú képek még mindig letöltésre kerülnek. A webes teljesítmény szakértő Yoav Weiss röviden rámutat az Opera honlapjára:
„A Responsive Web Design RWD kombinálta az új böngésző képességeket és a CSS technikákat, hogy olyan webhelyeket hozzon létre, amelyek alkalmazkodnak az őket megjelenítő eszközhöz, és ideálisnak tűnnek mindenhol. Ez lehetővé tette a fejlesztők számára, hogy ne aggódjanak a megbízhatatlan eszközfelismerés miatt, és a nézetablak méretei alapján gondolkodjanak a webhelyeikre.
Azonban, bár az RWD-oldalak minden eszközön másnak tűntek, alatta, a legtöbbjük ugyanazt az erőforrást töltse le minden eszközre. ”
Az új
Ha nem tud semmit a HTML-kódról, a nem technikai meghatározás: ez egy speciális nyelv. Amikor a webhely kódjában a jelenetek mögött használják, ez a nyelv utasításokat ad a böngészőnek a szöveg és a képek megjelenítéséhez. Az új Képelem HTML jelölőnyelv típusa. Ilyen módon van írva (a Responsive Images Community csoportonként): A Kép elem érzékeny képek, nem reagál tervezés. A nem technikai üzletemberek számára ez a megkülönböztetés kicsinek tűnhet. Ha azonban webhelye teljesítménye mobil eszközökön történik, akkor ez jelentős lehet. Az ArsTechnica-jelentés szerint az új jelölőelem azokkal a problémákkal foglalkozik, amelyeket a teljes méretű monitoron megjelenő képek képei jelentenek - a képek nem fordítanak le jól a mobileszközökre. A
„Amikor a böngésző képelemet talál, először értékeli a webes fejlesztő által megadott szabályokat. *** Ezután a különböző szabályok értékelését követően a böngésző saját kritériumai alapján választja ki a legjobb képet. Ez egy másik szép funkció, mivel a böngésző kritériumai tartalmazhatják a beállításokat. Például a jövőbeni böngészők lehetőséget adhatnak arra, hogy megállítsák a nagy felbontású képeket a 3G-en keresztüli betöltése ellenére, függetlenül attól, hogy mit jelent az oldal bármely képe. Amint a böngésző tudja, hogy melyik kép a legjobb választás, akkor ténylegesen betölti és megjeleníti ezt a képet egy jó öreg img elemben. … Ami történik, a kép egy img-címkét csomagol. Ha a böngésző túl öreg ahhoz, hogy megtudja, mit kell tennie a Először nem minden fejlesztő elfogadta az új képelemet. Ars Technica története körvonalazza azt a folyamatot, amelyet a webfejlesztési közösség vezetői mentek át, hogy elérjék azt a pontot, ahol a $config[code] not found A probléma azonban mostanra rendezettnek tűnik, az új kép HTML-elem elfogadásával. A
Mint üzletemberek, fontos tudni, hogy ez A kép HTML-elemének megvalósítása a webes fejlesztővel megvitatható. A technikailag gondolkodó és a do-it-yourselfers itt tudnak megtudni, hogyan kell használni a Kép elemet. Kitűnő írása Scott Gilbertsonnak. Nyugodtan hajtsa végre
Képek: Shutterstock; RICG Mi az a kép HTML-eleme?
Kulcspontok a
