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 side 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 noch net dien, ek op syk 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 wat 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 - elke kear as jo wolle. Op dokumintbelesting, op artikelswizer, op elk barren! Sûnt socialite de knoppen asynchroon laden, sil it dokumint net hingje wylst it wachtsjen is op 50 kb sosjale media.

Gelokkich is d'r al in WordPress-plugin dy't Socialite opnimt, neamd WPSocialite, Fannacht haw ik al myn oanpaste koade skuorre foar it laden fan knoppen en WPSocialite ymplementearre. 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.