Hacker News Reader

Comment by bentocorp | Hacker News Reader

I use Jekyll for my company website [1] and managed to get a lot of speed optimisations simply by using a post-processing tool on the statically generated output.

The tool I use is Jampack and I'd highly recommend it: https://jampack.divriots.com

For my product website, it reduced the overall size by 590MB or approximately 59% in size, along with changing the HTML/CSS to make the optimisations that this article notes.

[1] https://www.magiclasso.co/

View on HN

Do you mean KB or do you have a 1GB website??

They are most likely referring to the overall size of the whole website including all generated HTML for posts, static content, styles etc.

1gb is huge even for a whole website. Unless there are videos or hundred of high definition photos. Curious to know what makes up this space.

Maybe they included node_modules in that count.

I guess mostly picture. If you have 500 posts, one picture for each, and then optimize image for responsive and browser compatibility, there should be 3 to 12 images per image source set:

Mobile, Tablet, Desktop as breakpoints / AVIF with webp or jpeg fallback, Retina/Normal.

And this will increase the overall-size to 12 x 500 x 50kB = 300MB

I doubt there's a practical reason for an average website, especially something blog-like to have pre-optimized pictures for that many screen types.

It is a 991MB website, before optimisations.

The large majority of this comes from large header images for the Insights post content: https://www.magiclasso.co/insights/

These are png images that are relatively large in size until optimisation creates smaller, multiple image set versions.

I wouldn't say that this is an unusually large site. Any site with a medium amount of content would likely grow to such a size.

In my opinion the whole point of Jekyll is not having to use some npm/JS packages and dependencies.

Thanks for sharing. I'm using https://soupault.app/ to generate my websites and this could come handy for optimisation.

This looks fantastic! I really like how it's static site generator-agnostic, and the intelligent CSS and above-the-fold optimizations.

I'll definitely give this a try - only wish I knew about it before I wrote my thing!

Reply on news.ycombinator.com