Slinks iekraušana attēlus ar jQuery

Ļoti svarīgs elements mājas lapā ir noteikti iekraušanas ātrumu lapas. Neskatoties lēni vietā, tas aizņem pārāk daudz laika, lai parādītu mums, ko mēs gribam, patiesībā lielākā daļa lietotāju aizver lapu, pāreja uz alternatīvu darbības vietu vai konkurents. Internets nav līdzeklis, lai pacientam cilvēkiem ;-)

No Lazy Loading (tulkots "slinks loading") attēlu paņēmiens ir tieši novērst ilgi gaida un nevajadzīgu laikā mājas lapā. Šis programmēšanas paņēmiens nav, faktiski, atsaucoties uz attēliem, bet attiecas uz visiem resursiem, "bezjēdzīgi", ielādējot, riorse ka, protams, iegūst "pēc pieprasījuma", ja ir nepieciešams.

Mēs saskarsies diskursu attēlus, jo tie būtībā smagākā daļa no mājas lapā. Lietotājs sāk lapa nav noteikti tiks skatītu visus attēlus, varbūt tāpēc, ka tie ir slēpti vai vienkārši tāpēc, ka tas atrodas apakšā vai vietā, tālu no vietas, kur lietotājs vēlas piekļūt informācijai.
Šādas situācijas rodas jo īpaši ļoti lieliem lapām, kā viņi var būt no tās blog (kas apsūdzību daudzas piezīmes, var būt ļoti garš). Tādos apstākļos kā šajā nav jēgas, lai ielādētu visas bildes pie starta, jo īpaši tiem, kas atrodas apakšā, jo tas nekad nevar apskatīt!

Lai īstenotu slinks iekraušanas paņēmienu var īstenot dažādos veidos.
Pašsaprotama, kas nāk prātā, ir, lai novērstu attēlu no DOM lidot, izmantojot JavaScript. Bet tas būtu arī nepareizi, jo, kā lielākā daļa pārlūkprogrammu, tomēr ir iesnieguši pieteikumu un nevis attēlu, ko jūs varētu saņemt pilnu efektu vēlaties.
Labs paņēmiens, kas uzsvērts rakstā Paul Hammond Speed ​​Up Your Site ar aizkavētu saturs ir, tā vietā, lai izmantotu pasūtījuma atribūti HTML5. Paskatīsimies, kā.

• <<
• 1
• 2
• 3
• >>