feature request: minify (at runtime ?) template literals?

[charnould]

Context

Hono is about performance.

For example:

• More requests per sec means more server use efficiency
• a small size means it can fit in very constrained environments...

Use case

• I'm all in with server-side rendering and use c.html() + template literals for this.
  (If I get it, it's more efficient/faster than JSX middleware).
• In the same time, I use Prettier to format my code and thus my template literals.
• Problem is, when it's rendered, all newlines and whitespaces Prettier applies are sent over the wire.
  Consequently, my source-code looks like this (see below)
• If it was html-minified It would weight - in my case - around 30% less KB.
  Hence: more speed, less outgress...

Questions

• Is it such a small optimization it's not relevant?
• Is it a good thing to do it at runtime and not build time?
• what if hono offers this feature?

[yusukebe]

Hi @charnould

We could create a "Minify Middleware". I believe this middleware may resolve most of your problems.

The challenging aspect is that it needs to detect the proper minify algorithm based on the content-type such as HTML, JavaScript, CSS, and others.

[niklasgrewe]

@yusukebe i also plan to use hono for my own website. A minify middleware would also help me a lot, especially for the html templates. Do you plan to include this middleware? Is it possible to wait for it?

[yusukebe]

Hi @niklasgrewe !

I have an idea to implement a minify middleware and I'll try it later, may be soon!

[niklasgrewe]

@yusukebe awesome, thank you very much for your effort on this project, it's clean, simple and powerful 👍 One question for clarification: are template literals more efficient/faster than the jsx middleware? to be honest, sometimes I don't know where the differences or the advantages and disadvantages are...

[RobertSasak]

I understand that it may be challenging to implement it for all requests. In the meantime, you can simply do it on a per-handler basis.

import * as minifyHtml from '@minify-html/node'

app.get('/compress, async (c) => {
    return c.html(minifyHtml.minify(Buffer.from(html`...`), {}).toString())
})

It would be cool if c.html() accepts also Buffer.