Hacker News Reader

Comment by overcast | Hacker News Reader

This is my most recent favorite.

https://www.ubuntu.com/desktop

Total download size is 6.87MB and over 6s to render it, for a page with some nonsense overview text, and four pictures. Completely ludicrous.

View on HN

You'll enjoy the monstrosity that is FontAwesome.

Example: https://fontawesome.com/icons/accessible-icon?style=brands

12.75 seconds to load 8.22 MB of data about... a single icon.

FontAwesome 5 is better. I just integrated this with sr.ht and I can embed each individual svg file direclty into the page when it's rendered server-side. Negligible bandwidth.

I'm not talking about putting FA5 content into a page. I'm talking about FA's own page. The entire site is an unnecessary resource hog.

Oh yeah it's awful for sure.

the 3 images have over 5MB. no optimization at all I assume.

I wish all common CMSes just did this automatically. Or do they do it, already? (WordPress, Drupal, etc.)

WordPress does if I recall correctly. Though it's been a few years since I've worked with it.

They've all at least got convenient extensions you can install to auto optimise images, like with EWWW Image Optimizer or Smush Image Optimiser for WordPress.

https://developers.google.com/speed/pagespeed/insights/?url=...

suggests that the images aren't that bad, only one image is unoptimised, and you'd only shave off a meg from the final size.

Running the topmost image through Compressor.io gives a ~82% file size reduction with no noticeable image quality loss, and converting the next one from a PNG to a JPEG reduces the size by ~77%. I think there is clearly room for improvement here.

Reply on news.ycombinator.com