Hoe ons ons bladsy se laaityd met 10 sekondes sny

Dit lyk asof spoed en sosiale net nie saamwerk as dit 'n uitstekende webwerf is nie. Ons het ons webwerf gemigreer na vliegwiel (geaffilieerde skakel) en dit het die prestasie en stabiliteit van ons webwerf aansienlik verbeter. Maar ons webwerf-ontwerp - met 'n vet voetstuk wat ons sosiale aktiwiteite op Facebook, Twitter, Youtube en op ons Podcast bevorder - het ons webwerf tot 'n crawl vertraag.

Dit was sleg. Terwyl 'n wonderlike bladsy binne 2 sekondes of minder laai, neem ons webwerf meer as 10 sekondes voordat 'n bladsy voltooi is. Die probleem was nie WordPress of Flywheel nie, die probleem was al die interaktiewe elemente wat ons van ander dienste gelaai het ... Facebook- en Twitter-widgets, YouTube-voorskoubeelde, ons Podcast-toepassing, ek kon eenvoudig nie beheer hoe stadig dit laai nie. Tot nou toe.

U sal nou sien dat ons bladsye binne ongeveer 2 sekondes laai. Hoe het ons dit gedoen? Ons het 'n dinamiese gedeelte by ons voetskrif gevoeg wat slegs gelaai word wanneer die gebruiker tot op daardie punt blaai. Scroll in 'n blaaier (nie selfoon, app of tablet nie) tot aan die onderkant van ons bladsy, dan sien u dat 'n laai-prent die volgende oorneem:

laai

Met behulp van jQuery laai ons eintlik nie die basis van die bladsy voordat iemand daarheen blaai nie. Die kode is eintlik heel eenvoudig:

$ (venster) .scroll (funksie () {if (jQuery (document) .height () == jQuery (venster) .scrollTop () + jQuery (venster) .height ()) {if ($ ("# placetoload" ) .text (). lengte <200) {$ ("# aanvullend"). laai ('[volledige pad van bladsy om te laai]');}}});

Sodra die gebruiker na die basis van die bladsy blaai, haal jQuery go die inhoud van die bladsy van die gespesifiseerde pad uit en laai dit binne die div wat u gekies het.

Alhoewel die webwerf nie meer voordeel trek uit die inhoud wat daar gelaai word nie (omdat 'n soekenjin dit nie deursoek nie), is ons vol vertroue dat die snelheid van die bladsy ons posisie, deel en betrokkenheid baie meer sal help as om iemand te hê wag ongeduldig tot ons bladsy lastig stadig laai. Die beste van alles is dat die bladsy steeds al die elemente bevat wat ons met ons besoekers wil betrek ... sonder om die bladsye te verswak.

Ons het nog 'n bietjie werk om te doen ... maar ons kom daarheen!

Wat dink jy?

Hierdie webwerf gebruik Akismet om spam te verminder. Leer hoe jou opmerking verwerk is.