Making dev.to insanely fast

[iamntz]

Am observat zilele trecute că dev.to este extrem de rapid.

Vorbeam cu un prieten ieri și îmi zice:

e mai rapid decat mi se pare confortabil
eu sunt obisnuit sa dureze 1 secunda minim

În cazul în care e cineva curios de ce e atât de rapid, au scris aici cum au făcut:

Making dev.to insanely fast

The dev.to tech stack

[isti37]

E extrem de simplu de optimizat un blog…

Practic au făcut un static page generator.

[iamntz]

Teoretic, tu ai dreptate.

Practic, nu îmi aduc aminte când am văzut ultima dată un site atât de rapid. Fie el și static. Chiar glumeam cu un prieten că nu sunt sigur că aș putea face un HTML chior atât de rapid

Cu articolele am înțeles, le faci statice. Dar căutarea este la fel de snappy. Acolo e la fel de simplu?

[emanuel]

Search REST API

Request URL:https://ye5y9r600c-dsn.algolia.net/1/indexes/searchables_production/query?x-algolia-agent=Algolia%20for%20vanilla%20JavaScript%203.14.1&x-algolia-application-id=YE5Y9R600C&x-algolia-api-key=8d178cbbbfa3157bf8eeb407142f06c8
Request Method:POST

Din ce vad, multe pagini si resurse vin din Varnish => 50ms primul raspuns
La cautare, face request catre algolia, dupa incarca cu ajax paginile respective si atunci cand faci click, iti afiseaza continutul.

[isti37]

E și puțină magie pe acolo cu servicii externe, CDN-uri, adică e un site fain făcut.

http://cloudinary.com + https://www.algolia.com sunt cele mai importante din sosul magic.

Din câte văd se încarcă toate articolele recente deodată și doar se schimbă cu js paginile. (se poate realiza foarte rapid cu marko/infernojs sau vanilla js)

[ionelmc]

Deci dev.to ăsta e un fel de medium.com dar mai puțin varză?

Apropo, să mă laud un pic https://perfwars.com/https%3A%2F%2Fblog.ionelmc.ro/vs/https%3A%2F%2Fdev.to/

Bine, la articole îs mai varză, dar na, dacă nu vrei să îți implementezi sistem de comentarii … https://perfwars.com/https%3A%2F%2Fblog.ionelmc.ro%2F2014%2F06%2F25%2Fpython-packaging-pitfalls%2F/vs/https%3A%2F%2Fdev.to%2Fben%2Fmaking-devto-insanely-fast/

[ionelmc]

M-am mai uitat un pic și dacă îmi fac inline la css și scot cele 2 webfonts ce îs folosite doar pe sisteme de operare varză la desktop (Linuxuri în principiu) am domInteractive la fel de bun ca și dev.to

Din câte văd se încarcă toate articolele recente deodată și doar se schimbă cu js paginile. (se poate realiza foarte rapid cu marko/infernojs sau vanilla js)

O chestie 99% inutilă, dacă faci cache corect la js/css nu prea contează. Headerul și footerul îs în general nesemnificative în mărime. Ce vreau să zic e că poți să ai un site rapid fără mare efort, doar să setezi corect headerele de cache și să eviți lucruri puțin utile, gen webfonts, butoane de fb/g+/twitter, bootstrap, jquery ui etc

Apropo, Github încarcă paginile cu ajax și încă are buguri jenante când folosești back/forward history din browser.