Nola mozten dugu gure orria kargatzeko denbora 10 segundotan

Abiadura eta sozialak ez dirudi elkarrekin lan egiten dutenik webgune bikaina lortzeko orduan. Gure gunea migratu dugu flywheel (kidea esteka) eta gure webgunearen errendimendua eta egonkortasuna izugarri hobetu zituen. Baina gure webgunearen diseinuak - Facebook, Twitter, Youtube eta Podcast-en gure jarduera soziala sustatzen zuen orri-oin gantzarekin - gure webgunea moteldu egin zuen.

Txarra zen. Orrialde bikaina 2 segundo edo gutxiagotan kargatzen den bitartean, gure guneak 10 segundo baino gehiago behar izan zituen orrialde bat osatzeko. Arazoa ez zen WordPress edo Flywheel, arazoa beste zerbitzu batzuetatik kargatu genituen elementu interaktibo guztiak ziren ... Facebook eta Twitter widgetak, Youtubeko aurrebista irudiak, gure Podcast aplikazioa, besterik gabe, ezin nuen kontrolatu zein motela kargatu zuten. Orain arte.

Orain konturatuko zara gure orriak 2 segundo inguru kargatzen direla. Nola egin dugu? Erabiltzailea puntu horretara arte mugitzen denean bakarrik kargatzen den atal dinamikoa gehitu dugu gure orrialdean. Korritu gure orrialdearen beheko aldera arakatzaile batean (ez mugikorrean, aplikazioan edo tabletan) eta kargatzen ari den irudia hartuko du:

kargatu

JQuery erabiliz, ez dugu orrialdearen oinarria kargatzen norbait bertan korritu arte. Kodea nahiko erraza da:

$ (window) .scroll (function () {if (jQuery (document) .height () == jQuery (window) .scrollTop () + jQuery (window) .height ()) {if ($ ("# placetoload" ) .text (). luzera <200) {$ ("# osagarria"). load ('[orriaren kargatzeko bide osoa]');}}});

Erabiltzailea orrialdearen oinarrira joan ondoren, jQuery go-k zehaztutako bidearen orriaren edukia ateratzen du eta hautatu duzun div barruan kargatzen ditu.

Guneak jada bertan kargatutako edukiarekin etekina ateratzen ez duen bitartean (bilatzaile batek arakatzen ez duelako), ziur gaude orrialdearen abiadurak norbait edukitzea baino askoz ere gehiago lagunduko digula gure sailkapena, partekatzea eta konpromisoa pazientziarik gabe itxaron gure orria izugarri motel kargatuko den arte. Onena, orrialdeak oraindik ere bisitariekin erakarri nahi ditugun elementu guztiak dituela ... orrialdearen abiadurari uko egin gabe.

Oraindik lan batzuk egin behar ditugu ... baina iritsi gara!

Zer deritzozu?

Gune honek Akismet-ek spam erabiltzen du. Ikasi zure iruzkina nola prozesatu den.