3 ms·
I just visited a SubReddit, turned off all my anti-tracking and adblock extensions and compared: Old Reddit: 51 requests 3.87 MB / 1.14 MB transferred Finish:
by dna_polymerase 7y ago
I just visited a SubReddit, turned off all my anti-tracking and adblock extensions and compared:
Old Reddit:
51 requests
3.87 MB / 1.14 MB transferred
Finish: 4.83 s
DOMContentLoaded: 1.96 s
load: 3.69 s
New Reddit:
185 requests
13.70 MB / 7.44 MB transferred
Finish: 12.99 s
DOMContentLoaded: 2.38 s
load: 7.80 s
Key Takeaways:
Use less Requests. Every request can fail, or have latency too it which can slow down pageload in general.
Use less JavaScript, while necessary for some stuff it can easily bloat your website.
Also, don't load shitloads of CSS, keep it simple.
Think about fonts, do you really need several of those from external servers or do system fonts and defaults do a good enough job?
- ravenstine 7y agoNot that JS files need to be ginormous, but the application files should be cached by the browser. The technical problem isn't so much the bandwidth use but the terrible architecture and design.
- therealdrag0 7y agoI think OP is excluding cached files, I did it in incogneto mode and got 58 mb of transfer from 300 requests...
- dna_polymerase 7y agoCache was disabled for the test, however, the experiment was just really quick and not representative. I opened a random subreddit that had no image or video posts, so your mileage may vary depending on the sub chosen. This is also an anti-pattern, since you should make sure that user generated content can't bloat your website too much.
- therealdrag0 7y agoAlso worth pointing out that browsers limit concurrent requests to single digit numbers, which draws out all those requests. My stats in incognito mode: 375 requests (94 XHR) 58 mb transfered (of which 64 resources (of which 11 XHR))