Kā mēs saīsinām lapas ielādes laiku par 10 sekundēm

Šķiet, ka ātrums un sabiedrība vienkārši nedarbojas kopā, kad runa ir par lielisku vietni. Mēs migrējām uz mūsu vietni spara rats (filiāles saite), un tas ievērojami uzlaboja mūsu vietnes veiktspēju un stabilitāti. Bet mūsu vietnes dizains ar treknu kājeni, kas veicināja mūsu sociālo aktivitāti Facebook, Twitter, Youtube un mūsu Podcast, palēnināja mūsu vietni līdz rāpošanai.

Tas bija slikti. Kaut arī lieliska lapa tiek ielādēta 2 sekundēs vai mazāk, mūsu vietnei bija vajadzīgas vairāk nekā 10 sekundes, līdz lapa tika pabeigta. Problēma nebija WordPress vai spararats, problēma bija visi interaktīvie elementi, kurus ielādējām no citiem pakalpojumiem ... Facebook un Twitter logrīki, Youtube priekšskatījuma attēli, mūsu Podcast programma, es vienkārši nespēju kontrolēt, cik lēni tie tiek ielādēti. Līdz šim brīdim.

Jūs tagad pamanīsit, ka mūsu lapas tiek ielādētas apmēram 2 sekundēs. Kā mēs to izdarījām? Mēs pievienojām savai kājenei dinamisku sadaļu, kas tiek ielādēta tikai tad, kad lietotājs ritina līdz šim punktam. Pārlūkprogrammā (nevis mobilajā ierīcē, lietotnē vai planšetdatorā) ritiniet līdz mūsu lapas apakšai un redzēsit, kā pārņem ielādes attēls:

slodze

Izmantojot jQuery, mēs faktiski neielādējam lapas pamatni, kamēr kāds tur neritina. Kods faktiski ir diezgan vienkāršs:

$ (logs) .roll (funkcija () {if (jQuery (dokuments) .height () == jQuery (logs) .scrollTop () + jQuery (logs) .height ()) {if ($ ("# placetoload" ) .text (). garums <200) {$ ("# papildinājums"). ielāde ('[pilns lapas ielādes ceļš]');}}});

Kad lietotājs ritina līdz lapas pamatnei, jQuery go izraksta norādītā ceļa lapas saturu un ielādē tos jūsu izvēlētajā div.

Kaut arī vietnei vairs nav labuma no tur ielādētā satura (jo meklētājprogramma to nepārmeklē), mēs esam diezgan pārliecināti, ka lapas ātrums daudz vairāk palīdzēs mūsu rangam, kopīgošanai un iesaistīšanai nekā tas, ka ir kāds nepacietīgi gaidiet, kamēr mūsu lapa tiek ielādēta mokoši lēni. Vislabākais ir tas, ka lapā joprojām ir visi elementi, kurus vēlamies piesaistīt apmeklētājiem ... nezaudējot lapas ātrumu.

Mums vēl ir jāstrādā ... bet mēs tur tiekam!

Ko jūs domājat?

Šī vietne izmanto Akismet, lai samazinātu surogātpastu. Uzziniet, kā tiek apstrādāts jūsu komentārs.