Girdėjote, kad žiniatinklis tapo labiau vizualiu ir puikiu vaizdu jūsų verslo svetainėje yra svarbus.
Tačiau šie vaizdai gali būti jūsų svetainės lankytojų rykštė. Vaizdai sudaro 1 MB iš 1,7 MB vidinio tinklalapio.
Tai gali būti didelė problema jūsų lankytojams staliniuose kompiuteriuose, kuriuose naudojamas sparčiojo interneto ryšys. Tačiau, jei matote ar norite matyti didesnį lankytojų srautą, šie vaizdai gali būti problema. Sunkūs tinklalapiai gali užtrukti ilgai. Lankytojai nusivylė ir palieka jūsų svetainę.
$config[code] not foundGalbūt jūs įdiegėte atsakingą interneto dizainą, mąstydami, kad išsprendžiate visas jūsų mobilias problemas. Ir tiesa, kad atsakingas interneto dizainas sprendžia kai kurias problemas. Jis automatiškai organizuoja ir rodo jūsų svetainės elementus, kuriuos norite peržiūrėti mažesniuose, siauresniuose mobiliuosiuose ekranuose.
Tačiau atsakingas interneto dizainas nėra atsakymas į viską. Jis nebūtinai išsprendžia vaizdo atsisiuntimo problemą. Net ir reaguojant į dizainą, daug kartų šie sunkūs vaizdai vis tiek atsisiunčiami. Kaip interneto našumo specialistas Yoav Weiss glaustai nurodo „Opera“ svetainėje:
„Reaguojantis interneto dizainas RWD sujungė naujas naršyklės galimybes ir CSS metodus, kad sukurtų svetaines, kurios prisitaiko prie įrenginio, rodančio juos, ir atrodo ideali visur. Tai leido kūrėjams nustoti nerimauti dėl nepatikimo įrenginio aptikimo ir pagalvoti apie savo svetaines pagal peržiūros srities matmenis.
Tačiau, nors RWD svetainės kiekviename įrenginyje atrodė kitaip, po juo daugelis jų ir toliau atsisiuntė tuos pačius išteklius visiems įrenginiams. “
Nauja
Jei nieko nežinote apie HTML kodą, netechninė apibrėžtis yra: ji yra speciali kalba. Naudojant užkulisius jūsų svetainės kode, ši kalba nurodo, kaip naršyklė turėtų rodyti tekstą ir vaizdus. Naujasis „Picture“ elementas yra HTML žymėjimo kalbos tipas. Tai parašyta taip (pagal „Responsive Images“ bendruomenės grupę): Paveikslėlio elementas yra atsakingas vaizdai, ne reaguoja dizainas. Ne techniniams verslininkams šis skirtumas gali atrodyti nedidelis. Bet kai kalbama apie svetainės našumą mobiliuosiuose įrenginiuose, tai gali būti reikšminga. Remiantis „ArsTechnica“ ataskaita, naujasis žymėjimo elementas sprendžia problemas, atsirandančias dėl vaizdų, kurie buvo matomi pilno dydžio monitoriuje - vaizdai, kurie nėra gerai išversti į mobiliuosius įrenginius. The
„Kai naršyklė susiduria su paveikslėlio elementu, ji pirmiausia įvertina visas taisykles, kurias gali nustatyti interneto kūrėjas. *** Tada, įvertinus įvairias taisykles, naršyklė parenka geriausią vaizdą pagal savo kriterijus. Tai dar viena graži funkcija, nes naršyklės kriterijai gali apimti jūsų nustatymus. Pavyzdžiui, būsimos naršyklės gali pasiūlyti galimybę sustabdyti didelės talpos vaizdų įkėlimą per 3G, neatsižvelgiant į tai, ką gali pasakyti bet koks puslapio elementas. Kai naršyklė žino, kuris vaizdas yra geriausias pasirinkimas, jis faktiškai įkelia ir rodo šį vaizdą gerame sename img elemente. … kas atsitinka, Paveikslėlis suvynioja img žymą. Jei naršyklė yra pernelyg senas, kad žinotumėte, ką daryti Ne visi kūrėjai iš pradžių priėmė naują „Picture“ elementą. „Ars Technica“ istorija apibūdina procesą, kurį interneto svetainių kūrimo bendruomenės lyderiai pasiekė, kad pasiektų tašką, kur yra $config[code] not found Tačiau ši problema dabar išspręsta, kai bus priimtas naujas HTML elementas. The
Kaip verslininkai, svarbu tai žinoti Vaizdo HTML elemento įdiegimas vaizdams yra tai, ką aptarti su savo interneto kūrėju. Techniškai mąstantys ir do-it-yourselfers čia gali sužinoti, kaip naudoti „Picture“ elementą. Tai puikus „Scott Gilbertson“ parašytas raštas. Jauskitės laisvai
Vaizdai: Shutterstock; RICG Kas yra „HTML“ elementas?
Pagrindiniai taškai Apie