Kiel Ni Tranĉas Nian Paĝan Ŝarĝan Tempon De 10 Sekundoj

Rapido kaj socia ŝajnas ne funkcii kune kiam temas pri bonega retejo. Ni migris nian retejon al Flugilo (filia ligilo) kaj ĝi multe plibonigis la rendimenton kaj stabilecon de nia retejo. Sed nia reteja projektado - kun dika piedlinio, kiu antaŭenigis nian socian agadon en Facebook, Twitter, Youtube kaj en nia Podkasto - malrapidigis nian retejon.

Estis malbone. Dum bonega paĝo ŝarĝas post 2 sekundoj aŭ malpli, nia retejo daŭris pli ol 10 sekundojn por kompletigi paĝon. La problemo ne estis WordPress aŭ Flywheel, la problemo estis ĉiuj interagaj elementoj, kiujn ni ŝarĝis de aliaj servoj ... Fenestraĵoj de Facebook kaj Twitter, antaŭvidaj bildoj de Youtube, nia Podcast-aplikaĵo, mi simple ne povis regi kiom malrapide ili ŝarĝis. Ĝis nun.

Vi rimarkos nun, ke niaj paĝoj ŝarĝas post ĉirkaŭ 2 sekundoj. Kiel ni faris ĝin? Ni aldonis dinamikan sekcion al nia piedlinio, kiu ŝarĝas nur kiam la uzanto rulumas ĝis tiu punkto. Rulumu ĝis la fundo de nia paĝo en retumilo (ne poŝtelefono, programo aŭ tablojdo) kaj vi vidos ŝarĝan bildon transpreni:

ŝarĝi

Uzante jQuery, ni efektive ne ŝarĝas la bazon de la paĝo ĝis iu rulumas tie. La kodo fakte estas sufiĉe simpla:

$ (fenestro) .scroll (funkcio () {if (jQuery (dokumento) .height () == jQuery (fenestro) .scrollTop () + jQuery (fenestro) .height ()) {if ($ ("# placetoload" ) .text (). length <200) {$ ("# suplementa"). load ('[plena vojo de paĝo por ŝarĝi]');}}});

Post kiam la uzanto moviĝas al la bazo de la paĝo, jQuery go ĉerpas la paĝajn enhavojn de la specifita vojo kaj ŝarĝas ilin ene de la div, kiun vi elektis.

Dum la retejo ne plu profitas de la enhavo ŝarĝita tie (ĉar serĉilo ne rampas ĝin), ni tute certas, ke la rapideco de la paĝo helpos nian rangadon, dividadon kaj engaĝiĝon multe pli ol havi iun senpacience atendu, ke nia paĝo ŝarĝu turne malrapide. Plej bone estas, ke la paĝo ankoraŭ havas ĉiujn elementojn, kiujn ni volas partopreni kun niaj vizitantoj ... sen oferi paĝrapidecon.

Ni ankoraŭ havas iom da laboro ... sed ni alvenas tien!

Kion vi pensas?

Ĉi tiu retejo uzas Akismeton por redukti spamon. Lernu, kiel via komento datiĝas.