Making dev.to insanely fast

links
dev-to

(Ionuț Staicu) #1

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:


(István F.) #2

E extrem de simplu de optimizat un blog…

Practic au făcut un static page generator.


(Ionuț Staicu) #3

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 :slight_smile:

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


(Emanuel) #4

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.


(István F.) #5

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)


(Ionel Cristian Mărieș) #6

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

Apropo, să mă laud un pic :smiley: 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/


(Ionel Cristian Mărieș) #7

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

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 :slight_smile:

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