Preload fonts

[Munter]

A big detractor for rendering performance is the flash of invisible text in the period between first paint and webfonts being loaded.

This period can be reduced with <link rel="preload"> for the require web fonts, or other more complex optimizations can be achieved with fontfaceobserver, automated font subsetting, font-display etc.

To keep performance high when user start building new content from this scaffold, it would be very helpful if the template came with an already existing optimization strategy

[tr1s]

Will look into preload-webpack-plugin this week.

[tr1s]

@Munter No luck.

I've tried and made an issue over at preload-webpack-plugin issues so we'll see what they say.

If anyone reading this would like to try and see what I'm doing wrong, that'd be great!

[Munter]

The case of preloading deep dependency graph elements is indeed not one that fits super well into the webpack plugin ecosystem. At least not while html is still treated as a templating string.

I built a tool to solve this problem outside of webpack. It's called subfont. But since it doesn't fit right into webpack, and instead has to be run as a post-process after webpack, I'm unsure of whether the tool fits into the flow you are trying to scaffold

[tr1s]

Alright, thanks. I'll keep this open until I get a response on the other end.

[tr1s]

Done and done!