Jampack

Dev tools

static site build tooling

SHOW HN2024

328points
58comments
#171of 3,515 in 2024
Top 5%of 2024 by points

How HN took it

MixedNo clear lean

8 positive, 13 neutral or asking, 2 mixed, 6 critical, out of 29 comments about the project. Thread score +0.13.

Idea: 5 for, 4 againstPerformance: 2 for, 1 againstExecution: 0 for, 1 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Automates image and performance work that is tedious to do manually

    From 3 comments
    • This is great! Having to handle these tasks manually can be very tedious, so this tool is a breath of fresh air.
      dan_can_code on HN
    • This is exactly what I've been looking for. I had been using my own scripts with Sharp for image optimizations like this, but this eliminates the need for the that entirely and…
      chambored on HN
    • As somebody who loathes doing webpage layout, refuses to learn it, but has to still do it sometimes this looks great
      lispisok on HN
  • Works with any static site generator

    From 2 comments
    • Thanks for the project! Can I expect it to run out of the box for Next.js static-generated files? If so, any recommendations on how to set it up in a Next.js project?
      celicoo on HN
    • Hi! If the static output of your Next.js project is `./build` then add `&& jampack ./build` to your build command. If the site is 100% static then it should play nice. If it's…
      georges_gomes on HN

Objections

  • Can hurt performance or scores in some cases and changes output unexpectedly

    From 3 comments
    • After trying this (JS always amazing, 47 vulnerabilities (19 moderate, 24 high, 4 critical)), my web vitals went down from 84 to 77. So not sure about that one. Also some svg…
      KingOfCoders on HN
    • Hm, this didn't change anything hugely on one of my projects - for example, it reduced the total bundle size, but it increased the gzip'd size, so it's actually a net negative…
      sodality2 on HN
    • First example already shows a complete disregard for quality and backwards comaptibility. > Lazy-load assets below-the-fold ⬇. Ok so that seals it - this chases scores over…
      account42 on HN
  • Critical CSS and lazy loading approaches are questionable

    From 2 comments
    • If you have less than 50KB of CSS, inline it. (And if you have more than 50KB of CSS, you’re probably doing it wrong. Well, OK, maybe you’re inlining fonts too, that’s…
      chrismorgan on HN
    • I'm interested in the notion of identifying "critical" CSS that should be inlined rather than live in its own stylesheet. I was hoping there was some principled way of…
      kibwen on HN

Requests

  • Docker container for easier use

    From 1 comment
    • This is super cool. Any chance you'd make a Docker container for it to simplify usage for people who are scared of node?
      riddley on HN
  • Font subsetting support

    From 1 comment
    • Would love to see a way to subset fonts based on unicode range of SSG output and freeze opentype axes based on font-feature-settings defined in the CSS.
      microflash on HN
  • Option to preload below-the-fold images

    From 1 comment
    • This looks great! Although personally I hate it when I scroll a page beyond the 'fold' and have to wait for images to load. By default, does this load the remaining…
      rkagerer on HN

Questions

  • Does it work with Next.js static output

    From 1 comment
    • Thanks for the project! Can I expect it to run out of the box for Next.js static-generated files? If so, any recommendations on how to set it up in a Next.js project?
      celicoo on HN
  • Does it help image-heavy hand-written sites

    From 1 comment
    • If my website is an image-heavy portfolio that I wrote myself in pure HTML/CSS/JS with zero dependencies whatsoever... does a tool like this offer me any value? What could it do…
      Solvency on HN

Alternatives named

  • Google PageSpeed modules for Apache and Nginx

    From 1 comment
    • This reminds me of the PageSpeed modules for Apache and Nginx https://developers.google.com/speed/pagespeed/module
      xnx on HN
  • Critters for critical CSS inlining

    From 1 comment
    • I'm interested in the notion of identifying "critical" CSS that should be inlined rather than live in its own stylesheet. I was hoping there was some principled way of…
      kibwen on HN
  • Glyphhanger for font subsetting

    From 1 comment
    • > Is it what you call "freeze opentype axes based on font-feature-settings" or is it something else? I was talking in context of variable fonts which come with lots of features…
      microflash on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/39816836)