Ne samo lenjo učitavanje slika veb stranice pomažu u performansama uzrasta, али и помаже у Оптимизација за претраживаче kako je primećeno. Можете користити jQuery, pa čak i Mootools za lenje učitavanje slika. Slike će se pojaviti samo kada dođete do njih.
Овај јКуери савет смањује много спољних захтева током учитавања странице, што на крају помаже да се ваш ВордПресс блог брже учитава. Док користите овај трик, требало би да користите и кеш технику да бисте поједноставили учитавање странице.
Садржај
Шта је лење учитавање?
Лено учитавање је када преузимате садржај онако како вам је потребан, уместо да га преузимате одједном.
Лено учитавање је техника оптимизације која се користи на интернету. Учитава само део веб странице који вам је у почетку потребан и не учитава друге делове док не кликнете на њих. На овај начин, не мора да учитава све информације од почетка до краја.
Један облик лењог учитавања назива се бесконачно скроловање. То значи да док скролујете надоле по страници, више садржаја ће се аутоматски учитавати.
Зашто је важно лењо учитавање?
Огроман терет веб странице је пун слика, скрипти, стилова, фонтова и видео записа. Слике узимају више од 60% величине типичне веб странице. Њих се није могуће решити јер су важни за дизајн веб странице.
Без икакве оптимизације, ваш веб претраживач преузима све пре него што прикаже страницу. Ово чини учитавање странице спорије.
Има смисла учинити све што можете да убрзате учитавање ваших веб страница. А када је реч о сликама, оне највише доприносе величини веб локације.
Дакле, ако почнете са њима, то је добра идеја јер ће се тада ваша веб локација брзо учитавати. Ово је место где лење учитавање долази згодно јер преузима само делове слике који су видљиви на вашој страници у било ком тренутку.
Како подесити Лази Лоадинг помоћу јКуери-ја?
Постоје додаци који вам омогућавају да обављате једноставне ствари, али што мање додатака користите, то ће ваш блог бити ефикаснији.
Није важно коју тему ВордПресс-а користите, можете врло лако имплементирати лењо учитавање.
То је само водич у два корака, један за додавање јКуери-ја, а други је да доделите ознаку имг класу, ако желите да лењо учитавате одређене слике на свој ВордПресс блог.
Ево јКуери функције, коју ћете морати да додате скриптама своје теме.
/* лазилоад.јс (ц) Лоренцо Гиулиани * МИТ лиценца (хттп://ввв.опенсоурце.орг/лиценсес/мит-лиценсе.хтмл) */ !фунцтион(виндов){ вар $к = фунцтион(к, рес) { иф (доцумент.куериСелецторАлл) { рес = доцумент.куериСелецторАлл(к); } елсе { вар д=доцумент, а=д.стилеСхеетс[0] || д.цреатеСтилеСхеет(); а.аддРуле(к,'ф:б'); фор(вар л=д.алл,б=0,ц=[],ф=л.ленгтх;б= 0 && рецт.лефт >= 0 && рецт.топ ) } вар имагес = нев Арраи() , куери = $к('имг.лази') , процессСцролл = фунцтион(){ фор (вар и = 0; и < имагес.ленгтх; и++) { иф (елементИнВиевпорт(имагес[и])) { лоадИмаге(имагес[и], фунцтион () { имагес.сплице(и, и); }); } }; } ; // Арраи.прототипе.слице.цалл се не може позвати у нашем дивном ИЕ8 за (вар и = 0; и < куери.ленгтх; и++) { имагес.пусх(куери[и]); }; процессСцролл(); аддЕвентЛистенер('сцролл',процессСцролл); }(ово);
<img src="blank.gif" class="lazy" data-src="/images/full-size.jpg" width="240" height="152"></a>
А ево како можете позвати функцију јКуери да бисте динамички имплементирали лење учитавање слика. Морате да користите лењу класу за сваку слику коју желите да учитате помоћу функције јКуери.
Zakljucak
Лазилоад је добра ствар за свој блог или корпоративну веб локацију. Помаже у СЕО-у и Гоогле то може да види. Али, не морате да бринете о томе јер они знају како функционише лењо учитавање.
Такође можете да га прилагодите како год желите тако што ћете променити анимацију и додати одлагање.
Здраво,
То је добра информација и веома је корисна. Лењи То је од велике помоћи јер сам користио теме за приказивање слика.
Браво и само тако даље…!