Ինչպես ենք մենք կտրում մեր էջի բեռնման ժամանակը 10 վայրկյանով

Արագությունն ու սոցիալական պարզապես կարծես չեն աշխատում միասին, երբ բանը հասնում է հիանալի կայքի: Մենք տեղափոխել ենք մեր կայքը թափանիվ (դուստր ձեռնարկություն) և դա մեծապես բարելավեց մեր կայքի արդյունավետությունն ու կայունությունը: Բայց մեր կայքի ձևավորումը. Հաստ աղյուսակով, որը նպաստում էր մեր սոցիալական ակտիվությանը Facebook- ում, Twitter- ում, Youtube- ում և Podcast- ում `դանդաղեցրեց մեր կայքը` սողալով:

Վատ էր: Չնայած հիանալի էջը բեռնվում է 2 վայրկյանում կամ ավելի քիչ, մեր կայքի տևողությունը 10 վայրկյան էր, որպեսզի էջն ավարտվեր: Խնդիրը WordPress- ը կամ Flywheel- ը չէին, խնդիրն այն բոլոր ինտերակտիվ տարրերն էին, որոնք մենք բեռնեցինք այլ ծառայություններից… Facebook և Twitter widgets, Youtube նախադիտման պատկերներ, մեր Podcast հավելված, ես պարզապես չէի կարող վերահսկել, թե որքան դանդաղ են դրանք բեռնվում: Մինչ այժմ.

Դուք հիմա կնկատեք, որ մեր էջերը բեռնվում են մոտ 2 վայրկյանում: Ինչպե՞ս մենք դա արեցինք: Մենք մեր տողատակին ավելացրեցինք դինամիկ հատված, որը բեռնվում է միայն այն ժամանակ, երբ օգտագործողը պտտվում է մինչև այդ կետը: Aննարկչով պտտվեք մեր էջի ներքևի մասի ներքևի մասում (ոչ թե բջջային, հավելված կամ պլանշետ) և կտեսնեք, որ բեռնում է պատկերը:

բեռնել

Օգտագործելով jQuery- ը ՝ մենք իրականում չենք բեռնում էջի հիմքը, քանի դեռ ինչ-որ մեկը այնտեղ չի պտտվում: Կոդը իրականում բավականին պարզ է.

$ (պատուհան): ոլորել (գործառույթ () {եթե (jQuery (փաստաթուղթ) .height () == jQuery (պատուհան). scrollTop () + jQuery (պատուհան) .height ()) {if ($ ("# placetoload" ) .text (). երկարությունը <200) {$ ("# հավելյալ"): բեռը ('[էջի լրիվ ուղին բեռնելու համար]');}}});

Երբ օգտվողը պտտվում է դեպի էջի հիմքը, jQuery go- ն քաղում է նշված ուղու էջի պարունակությունը և բեռնում դրանք ձեր ընտրած div- ի մեջ:

Չնայած կայքը այլևս օգուտ չունի այնտեղ տեղադրված բովանդակությունից (քանի որ որոնիչը չի սողում այն), մենք միանգամայն համոզված ենք, որ էջի արագությունը կօգնի մեր դասակարգմանը, տարածմանը և ներգրավմանը շատ ավելին, քան ինչ-որ մեկին ունենալը: անհամբերությամբ սպասեք, որ մեր էջը անչափ դանդաղ բեռնվի: Ամենից լավը ՝ էջը դեռ ունի բոլոր այն տարրերը, որոնք մենք ցանկանում ենք ներգրավել մեր այցելուների հետ… ՝ առանց էջի արագությունը խաթարելու:

Մենք դեռ որոշակի աշխատանք ունենք անելու… բայց մենք հասնում ենք այնտեղ:

Ինչ եք կարծում?

Այս կայքը օգտագործում է Akismet- ը սպամի նվազեցման համար: Իմացեք, թե ինչպես է ձեր տվյալները մշակվում.