Біздің парақты жүктеу уақытын 10 секундқа қалай қысқартамыз

Керемет веб-сайтқа қатысты жылдамдық пен әлеуметтік жай жұмыс істемейтін сияқты. Біз өз сайтымызға көштік маховик (серіктестік сілтемесі) және бұл біздің сайттың өнімділігі мен тұрақтылығын айтарлықтай жақсартты. Бірақ біздің сайт дизайны - Facebook, Twitter, Youtube және Podcast-тағы әлеуметтік белсенділігімізді алға тартқан майлы аяқпен - біздің сайтымыз серпіліске дейін баяулады.

Бұл жаман болды. Керемет парақ 2 секундта немесе одан аз уақытта жүктелген кезде, біздің сайт парақтың аяқталуы үшін 10 секундтан астам уақытты алып жатты. Мәселе WordPress немесе Flywheel емес, мәселе біз басқа қызметтерден жүктелген барлық интерактивті элементтерде болды ... Facebook және Twitter виджеттері, Youtube алдын ала қарау суреттері, біздің Podcast қосымшасы, мен олардың жай жүктелуін басқара алмадым. Қазірге дейін.

Біздің парақтар шамамен 2 секундта жүктелетінін енді байқайсыз. Біз мұны қалай жасадық? Біз колонтитулға динамикалық бөлімді қостық, ол пайдаланушы сол жерге дейін айналдырғанда ғана жүктеледі. Біздің беттің төменгі жағына дейін браузерде жылжытыңыз (мобильді, қосымша немесе планшеттік емес), сонда сіз жүктеу кескінін қабылдайсыз:

Жүктеме

JQuery-ді қолдана отырып, біз парақтың негізін біреу жылжытпайынша жүктемейміз. Код іс жүзінде өте қарапайым:

$ (window) .scroll (function () {if (jQuery (document) .height () == jQuery (window) .scrollTop () + jQuery (window) .height ()) {if ($ («# placetoload») ) .text (). ұзындығы <200) {$ («# қосымша»). жүктеме ('[жүктелетін беттің толық жолы]');}}});

Пайдаланушы парақтың негізіне айналғаннан кейін, jQuery go көрсетілген жолдың бет мазмұнын шығарады және оларды сіз таңдаған div ішінде жүктейді.

Сайт енді жүктелген мазмұннан пайда таппаса да (іздеу жүйесі оны тексеріп жатқан жоқ), біз парақтың жылдамдығы біздің рейтингімізге, бөлісуімізге және біреудің болуынан гөрі әлдеқайда көп көмектесетініне сенімдіміз. шыдамсыздықпен біздің парақтың шыдамсыз баяу жүктелуін күтіңіз. Ең жақсысы, бетте біздің қонақтармен байланыстырғымыз келетін барлық элементтер бар ... бет жылдамдығын жоғалтпай.

Бізде әлі біраз жұмыс бар ... бірақ біз оған жетеміз!

Сен не ойлайсың?

Бұл сайт спамның төмендеуі үшін Akismet пайдаланады. Деректеріңіздің қалай өңделетінін біліңіз.