Hvernig við styttum síðuhleðslutímann okkar um 10 sekúndur

Hraði og félagslegur virðast bara ekki vinna saman þegar kemur að frábærri vefsíðu. Við fluttum síðuna okkar á kasthjól (tengd tengill) og það bætti verulega frammistöðu og stöðugleika síðunnar okkar. En vefsíðuhönnunin okkar - með feitum fót sem stuðlaði að félagslegri virkni okkar á Facebook, Twitter, Youtube og á Podcast okkar - hægði á síðunni okkar niður í skrið.

Það var slæmt. Þó að frábær síða hlaðist upp á 2 sekúndum eða minna tók vefurinn okkar meira en 10 sekúndur fyrir síðu að klára. Vandamálið var ekki WordPress eða svifhjól, vandamálið var öll gagnvirkir þættir sem við hlóðum frá annarri þjónustu ... Facebook og Twitter búnaður, Youtube forsýningarmyndir, Podcast forritið okkar, ég gat einfaldlega ekki stjórnað því hversu hægt þær hlaðust. Hingað til.

Þú munt taka eftir því núna að síðurnar okkar hlaðast upp í um það bil 2 sekúndur. Hvernig tókst okkur það? Við bættum kraftmiklum kafla við fótinn okkar sem hlaðast aðeins þegar notandinn flettir alla leið að þeim punkti. Flettu alla leið neðst á síðunni okkar í vafra (ekki farsíma, app eða spjaldtölvu) og þú munt sjá hleðslu mynd taka við:

hlaða

Með því að nota jQuery hlaðum við ekki botn síðunnar fyrr en einhver flettir þangað. Kóðinn er í raun frekar einfaldur:

$ (window) .scroll (function () {if (jQuery (document) .height () == jQuery (window) .scrollTop () + jQuery (window) .height ()) {if ($ ("# placetoload" ) .text (). lengd <200) {$ ("# viðbót"). hlaða ('[full slóð síðunnar til að hlaða]');}}});

Þegar notandinn flettir að botni síðunnar dregur jQuery go út innihald blaðsíðunnar á tilgreindri slóð og hleður þeim innan div sem þú valdir.

Þó að vefurinn njóti ekki lengur góðs af innihaldinu sem er hlaðið þar (vegna þess að leitarvél er ekki að skríða það) erum við alveg fullviss um að hraði síðunnar mun hjálpa til við röðun okkar, miðlun og þátttöku miklu meira en að hafa einhvern bíddu óþreyjufullir eftir að síðan okkar hlaðist óskaplega hægt. Best af öllu, síðan er enn með alla þá þætti sem við viljum eiga í samskiptum við gesti okkar ... án þess að fórna síðuhraða.

Við höfum enn verk að vinna ... en við erum að komast þangað!

Hvað finnst þér?

Þessi síða notar Akismet til að draga úr ruslpósti. Lærðu hvernig ummæli þín eru unnin.