Како скраћујемо време учитавања странице за 10 секунди

Изгледа да брзина и друштвена мрежа не функционишу заједно када је у питању сјајна веб локација. Ми смо преселили нашу веб локацију на замајац (аффилиате линк) и знатно је побољшао перформансе и стабилност наше странице. Али дизајн нашег веб сајта - са дебелим подножјем који је промовисао нашу друштвену активност на Фацебоок-у, Твиттер-у, Иоутубе-у и нашем Подцаст-у - успорио је нашу веб страницу до пузања.

Било је лоше. Док се сјајна страница учитава за 2 секунде или мање, нашој веб страници је требало више од 10 секунди да се страница заврши. Проблем нису били ВордПресс или Замајац, проблем су били сви интерактивни елементи које смо учитали из других услуга ... Додаци за Фацебоок и Твиттер, слике ИоуТубе прегледа, наша апликација Подцаст, једноставно нисам могао да контролишем колико се споро учитавају. До сада.

Сад ћете приметити да се наше странице учитавају за око 2 секунде. Како смо то успели? У подножје смо додали динамички одељак који се учитава само када се корисник скролује скроз до те тачке. Померите се скроз до дна наше странице у прегледачу (не за мобилне уређаје, апликације или таблете) и видећете да преузима слика за учитавање:

оптерећење

Користећи јКуери, заправо не учитавамо базу странице док се неко тамо не помери. Шифра је заправо врло једноставна:

$ (виндов) .сцролл (фунцтион () {иф (јКуери (доцумент) .хеигхт () == јКуери (виндов) .сцроллТоп () + јКуери (виндов) .хеигхт ()) {иф ($ ("# плацетолоад" ) .тект (). ленгтх <200) {$ ("# Аддитионал"). лоад ('[пуна путања странице до учитавања]');}}});

Једном када се корисник помакне до базе странице, јКуери го издваја садржај странице наведене путање и учитава је у див који сте изабрали.

Иако веб локација више нема користи од садржаја који се тамо учитава (јер претраживач не пузи по њој), прилично смо уверени да ће брзина странице много више помоћи нашем рангирању, дељењу и ангажовању него да неко има некога нестрпљиво сачекајте да се наша страница мучно полако учита. Најбоље од свега је што страница и даље има све елементе које желимо да повежемо са нашим посетиоцима ... без жртвовања брзине странице.

Још увек имамо посла ... али стижемо тамо!

Шта ви мислите?

Ова страница користи Акисмет како би смањила нежељену пошту. Сазнајте како се ваш коментар обрађује.