Баракчабызды жүктөө убактысын 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) {$ ("# кошумча"). load ('[жүктөлүүчү баракчанын толук жолу]');}}});

Колдонуучу барактын түбүнө өткөндөн кийин, jQuery go көрсөтүлгөн жолдун баракчасынын мазмунун бөлүп алат жана аларды сиз тандаган div ичинде жүктөйт.

Сайт ошол жерде жүктөлгөн контенттин пайдасын көрбөйт (издөө тутуму аны жөрмөлөп чыкпагандыктан), баракчанын ылдамдыгы биздин рейтингибизге, бөлүшүүбүзгө жана катышуубузга кимдир бирөөгө караганда көп жардам берет деп толук ишенебиз. чыдамсыздык менен биздин баракча чыдамсыздык менен жай жүктөлөт. Эң жакшысы, баракчада биздин коноктор менен иштешүүнү каалаган бардык элементтер бар ... барактын ылдамдыгын жоготпостон.

Бизде дагы деле болсо бир аз жумуш бар ... бирок ал жакка жетип жатабыз!

Эмне деп ойлойсуң?

Бул сайт спам азайтуу Akismet колдонот. Сиздин комментарий маалымат кандайча иштелишин Үйрөнүү.