Как намаляваме времето за зареждане на нашата страница с 10 секунди

Скоростта и социалното изглежда не работят заедно, когато става въпрос за страхотен уебсайт. Мигрирахме нашия сайт към маховик (партньорска връзка) и значително подобри работата и стабилността на нашия сайт. Но дизайнът на нашия сайт - с дебел долен колонтитул, който популяризира нашата социална активност във Facebook, Twitter, Youtube и в нашия Подкаст - забави сайта ни до обхождане.

Беше лошо. Докато страхотна страница се зарежда за 2 секунди или по-малко, нашият сайт отнема повече от 10 секунди, за да завърши страница. Проблемът не беше в WordPress или Flywheel, проблемът беше в всички интерактивни елементи, които заредихме от други услуги ... Приспособления за Facebook и Twitter, изображения за предварителен преглед на Youtube, нашето приложение Podcast, просто не можех да контролирам колко бавно се зареждат. Досега.

Сега ще забележите, че нашите страници се зареждат за около 2 секунди. Как го направихме? Добавихме динамичен раздел към нашия долен колонтитул, който се зарежда само когато потребителят превърти чак до тази точка. Превъртете до края на нашата страница в браузър (не за мобилни устройства, приложения или таблети) и ще видите зареждащо изображение:

натоварване

Използвайки jQuery, ние всъщност не зареждаме основата на страницата, докато някой не превърти там. Кодът всъщност е доста прост:

$ (прозорец) .scroll (функция () {if (jQuery (документ) .height () == jQuery (прозорец) .scrollTop () + jQuery (прозорец) .height ()) {if ($ ("# placetoload" ) .text (). дължина <200) {$ ("# допълнителна"). load ('[пълен път на страницата за зареждане]');}}});

След като потребителят превърти до основата на страницата, jQuery go извлича съдържанието на страницата на посочения път и ги зарежда в div, който сте избрали.

Въпреки че сайтът вече не се възползва от съдържанието, което се зарежда там (тъй като търсачката не го обхожда), ние сме напълно уверени, че скоростта на страницата ще помогне много повече за класирането, споделянето и ангажирането ни, отколкото да има някой нетърпеливо изчакайте нашата страница да се зареди мъчително бавно. Най-хубавото е, че страницата все още има всички елементи, които искаме да ангажираме с нашите посетители ... без да жертваме скоростта на страницата.

Все още имаме да свършим работа ... но стигаме до там!

Какво мислите?

Този сайт използва Akismet за намаляване на спама. Научете как се обработват данните за коментарите ви.