Jūs esat dzirdējuši, ka Web ir kļuvis vizuāls un lieliski attēli jūsu uzņēmuma tīmekļa vietnē ir svarīgi.
Bet šie attēli var būt jūsu vietnes apmeklētāju bēdas. Attēli veido 1 MB no 1.7MB vidējās tīmekļa lapas.
Iespējams, ka tas neradīs lielas problēmas apmeklētājiem galddatoros, kuros izmanto ātrgaitas interneta savienojumus. Tomēr, ja redzat vai vēlaties redzēt palielinātu datplūsmu no mobilajiem apmeklētājiem, šie attēli varētu būt problēma. Attēlu smagajām Web lapām var būt nepieciešams ilgs laiks. Apmeklētāji saņem neapmierinātību un atstāj jūsu vietni.
$config[code] not foundIespējams, esat ieviesis atsaucīgu Web dizainu, domājot, ka tā atrisina visas jūsu mobilās problēmas. Un ir taisnība, ka atsaucīgs Web dizains atrisina dažas problēmas. Tā automātiski organizē un parāda jūsu vietnes elementus, lai tos apskatītu mazākos, šaurākos mobilajos ekrānos.
Bet atbilde uz Web dizainu nav atbilde uz visu. Tas ne vienmēr atrisina attēla lejupielādes problēmu. Pat ar atsaucīgu dizainu, daudzas reizes šie smagie attēli joprojām tiek lejupielādēti. Kā tīmekļa veiktspējas speciālists Yoav Weiss īsi norāda uz Opera mājaslapu:
“Responsive Web Design RWD apvienoja jaunas pārlūkprogrammas iespējas un CSS metodes, lai izveidotu tīmekļa vietnes, kas pielāgotas ierīcei, kas tos attēlo, un izskatās ideāli visur. Tas ļāva izstrādātājiem pārtraukt uztraukties par neuzticamu ierīču noteikšanu un domāt par savām tīmekļa vietnēm, ņemot vērā skatītāju izmērus.
Bet, lai gan RWD vietnes katrā ierīcē izskatījās atšķirīgas, zemāk, lielākā daļa no tām turpināja lejupielādēt tos pašus resursus visām ierīcēm. "
Jauno
Kas ir attēla HTML elements?
Ja jūs neko nezināt par HTML kodu, nav tehniska definīcija: tā ir īpaša valoda. Lietojot aiz jūsu vietnes koda ainas, šī valoda sniedz norādījumus par to, kā pārlūkam vajadzētu parādīt tekstu un attēlus.
Jaunais Attēla elements ir HTML iezīmēšanas valodas veids. Tas ir rakstīts kā šis (katrai atbildes attēla kopienas grupai):
Attēla elements ir par atsaucīgu attēli, nav atsaucīgi dizains.
Uzņēmējiem, kas nav tehniski, šī atšķirība var šķist maza. Bet, ja runa ir par jūsu vietnes veiktspēju mobilajās ierīcēs, tas varētu būt nozīmīgs.
Saskaņā ar ArsTechnica ziņojumu jaunais iezīmēšanas elements risina problēmas, ko rada attēli, kas bija paredzēti redzēšanai pilna izmēra monitorā - attēli, kas nav labi pārvērsti mobilajām ierīcēm. The
“Kad pārlūks sastopas ar attēlu elementu, tas vispirms novērtē visus Web izstrādātāja noteiktos noteikumus. *** Pēc tam, izvērtējot dažādus noteikumus, pārlūks izvēlas labāko attēlu, pamatojoties uz saviem kritērijiem. Šī ir vēl viena jauka iezīme, jo pārlūkprogrammas kritēriji var ietvert jūsu iestatījumus. Piemēram, nākotnes pārlūkprogrammas var piedāvāt iespēju apturēt augstas izšķirtspējas attēlus no 3G, neatkarīgi no tā, kāds varētu būt lapas attēls. Kad pārlūks zina, kurš attēls ir labākā izvēle, tas faktiski ielādē un parāda šo attēlu labā vecā img elementā.
… kas notiek, attēls ir iesaiņots img tagā. Ja pārlūks ir pārāk vecs, lai uzzinātu, ko darīt
Ne visi izstrādātāji sākotnēji pieņēma jauno attēla elementu. Ars Technica stāsts iezīmē procesu, ko Web izstrādes kopienas līderi izgāja, lai nokļūtu līdz vietai, kur
$config[code] not found
Taču problēma tagad ir atrisināta, un tiek pieņemts jaunais attēla HTML elements.
Galvenie punkti Par Elements
The
Kā uzņēmējiem, ir svarīgi zināt
Attēla HTML elementa ieviešana ir kaut kas, kas jāapspriež ar jūsu Web izstrādātāju. Tehniski domājošie un do-it-yourselfers var doties šeit, lai uzzinātu, kā izmantot attēlu elementu. Tas ir lielisks Scott Gilbertson rakstīts.
Jūtieties brīvi īstenot
Attēli: Shutterstock; RICG
9 Piezīmes ▼
