Jinsi Tunapunguza Wakati Wetu wa Kupakia Ukurasa kwa Sekunde 10

Kasi na kijamii haionekani kufanya kazi pamoja linapokuja tovuti nzuri. Tulihamisha wavuti yetu kwenda flywheel (kiungo cha ushirika) na iliboresha sana utendaji na utulivu wa wavuti yetu. Lakini muundo wetu wa wavuti - na mafuta ya miguu ambayo yalikuza shughuli zetu za kijamii kwenye Facebook, Twitter, Youtube na kwenye Podcast yetu - ilipunguza wavuti yetu kwa kutambaa.

Ilikuwa mbaya. Wakati ukurasa mzuri unapakia kwa sekunde 2 au chini, wavuti yetu ilikuwa ikichukua sekunde 10 kwa ukurasa kukamilisha. Shida haikuwa WordPress au Flywheel, shida ilikuwa vitu vyote vya maingiliano ambavyo tulipakia kutoka kwa huduma zingine… Wijeti za Facebook na Twitter, picha za hakikisho za Youtube, programu tumizi yetu ya Podcast, sikuweza kudhibiti jinsi zilivyopakia polepole. Mpaka sasa.

Utaona sasa kwamba kurasa zetu zinapakia kwa sekunde 2 tu. Tumeifanyaje? Tuliongeza sehemu yenye nguvu kwenye kijachiko chetu ambacho hupakia tu wakati mtumiaji anatembea hadi wakati huo. Tembeza hadi chini ya ukurasa wetu kwenye kivinjari (sio simu, programu au kompyuta kibao) na utaona picha ya kupakia ikichukua:

mzigo

Kutumia jQuery, kwa kweli hatupaki msingi wa ukurasa mpaka mtu atembee hapo. Nambari ni rahisi sana:

$ (window) .scroll (kazi () {if (jQuery (hati). urefu () == jQuery (dirisha) .scrollTop () + jQuery (dirisha). maandishi (). urefu <200) {$ ("# nyongeza"). mzigo ('[njia kamili ya ukurasa wa kupakia]');}}});

Mara baada ya mtumiaji kusogea kwenye msingi wa ukurasa, jQuery go inachukua yaliyomo kwenye ukurasa wa njia iliyoainishwa na kuipakia ndani ya div uliyochagua.

Wakati tovuti haifaidiki tena na yaliyomo hapo (kwa sababu injini ya utaftaji haitambai), tuna hakika kabisa kuwa kasi ya ukurasa itasaidia kiwango chetu, kushiriki na kushiriki zaidi kuliko kuwa na mtu subira subira kwa ukurasa wetu kupakia polepole sana. Juu ya yote, ukurasa bado una vitu vyote tunavyotaka kushiriki na wageni wetu… bila kutoa kasi ya ukurasa.

Bado tuna kazi ya kufanya… lakini tunafika hapo!

Unafikiri?

Tovuti hii inatumia Akismet kupunguza spam. Jifunze jinsi maoni yako yanasindika.