Како да го намалиме времето за вчитување на нашата страница за 10 секунди

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

Лошо беше Додека одличната страница се вчитува за 2 секунди или помалку, нашата страница одземаше 10 секунди за да се заврши една страница. Проблемот не беше WordPress или Flywheel, проблемот беше во сите интерактивни елементи што ги вчитавме од други услуги… додатоци на Facebook и Twitter, слики за преглед на Youtube, нашата апликација за Podcast, едноставно не можев да контролирам колку бавно се вчитуваа. До сега.

'Llе забележите дека нашите страници се вчитуваат за околу 2 секунди. Како го сторивме тоа? Додадовме динамичен дел во подножјето што се вчитува само кога корисникот скролува сè до таа точка. Движете се до дното на нашата страница во прелистувач (не мобилен, апликација или таблет) и ќе видите дека сликата се вчитува како зафаќа:

оптоварување

Користејќи jQuery, ние всушност не ја вчитуваме основата на страницата сè додека некој не скролува таму. Кодот е всушност едноставен:

$ (прозоре) ) .text (). должина <200) {$ ("# дополнително"). оптоварување ('[целосна патека на страницата за вчитување]');}}});

Откако корисникот ќе скролува до основата на страницата, jQuery go ја извлекува содржината на страницата од наведената патека и ги вчитува во поделбата што ја избравте.

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

Имаме уште работа да сториме…, но стигнуваме таму!

Што мислите?

Оваа страница користи Akismet за намалување на спам. Научете како се обработува вашиот коментар.