Luie laden sosjale knoppen mei Socialite.js

snelheid toetseboerd

Hjoed hie ik in fantastyske dei mei it webteam by Angie's List. Angie's List hat har side ûntwikkele ta in ûnbidige boarne bibleteek ... en de heule tiid hawwe se har side trochgean te rapperjen. Har siden laden mei blinderende snelheid. As jo ​​my net leauwe, pop dizze pagina op Garagedeuren.

De pagina befettet ôfbyldings, fideo's en sosjale knoppen ... en wurdt noch yn millisekonden laden. Fergelykje har side mei my is as in Prius mei in F-16 race. Se binne ek noch net dien, en sykje altyd nei manieren om de klantûnderfining te ferbetterjen en de ynhâld fûn en dield te krijen.

Wy hawwe gjin fulltime ûntwikkelteam noch de boarnen fan in iepenbier bedriuw, dus ús foarútgong is in bytsje stadiger dan Angie's List. Wy hawwe in ongelooflijke host mei Flywheel - gebrûk meitsje fan har avansearre caching en CDN, mar wy witte dat d'r noch wat dingen binne dy't ús kwetse. Us ôfbyldings binne bygelyks net optimalisearre. D'r binne tsjinsten dy't jo ôfbyldings kinne konvertearje nei in fraksje fan har grutte mei behâld fan har dúdlikens ... wy sjogge nei har.

Doe't ik har ús side liet sjen, kromp ik yn en hong myn holle doe't de pagina beferzen by it laden fan in sosjale knop. Ik tink dat it Facebook wie. Argh ... in sekonde as twa letter ferskynde de knop en de rest fan 'e pagina laden. Ugh.

Doe't ik it probleem beskreau, hie har yngenieur fuortendaliks in oplossing, socialite.js, Socialite biedt in heul maklike manier om in oerfloed fan knoppen foar sosjale dieling te ymplementearjen en te aktivearjen - elk momint dat jo wolle. Op dokumintbelesting, op artikelswizer, op elk barren! Sûnt socialite de knoppen asynchroon laden, sil it dokumint net hingje wachtsje op 50 kb sosjale media.

Gelokkich is d'r al in WordPress-plugin dy't Socialite opnimt, neamd WPSocialite, Fannacht skuorde ik al myn oanpaste koade foar it laden fan knoppen út en ymplementearre WPSocialite. Ik koe de CSS oanpasse en de knoppen feroarje dy't ik woe. Ik sjoch út nei wat ekstra knoppen dy't yn 'e takomst wurde tafoege - lykas Buffer of Reddit ... mar dit is perfekt foar no!

Wat tinksto?

Dizze side brûkt Akismet om spam te ferleegjen. Learje hoe't jo kommentaargegevens ferwurke wurde.