Heyo!

I saw your lovely project and i'm definitly going to switch using this instead of heimdall.
While setting up, i saw a few none-urgent warnings in the logs when compiling the project.
I did read up on: #63 so i know these aren't even used.

-  Building for production...
 WARN  A new version of sass-loader is available. Please upgrade for best experience.
 WARNING  Compiled with 2 warnings9:37:02 AM

 warning

asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets:
  fonts/Raleway-Variable.3b5635ac.ttf (302 KiB)
  js/chunk-vendors.a6a3e10c.js (5.64 MiB)
  js/dashy.b54b8e16.js (497 KiB)
  web-icons/screenshots/dashy-scrsht-1.png (367 KiB)
  web-icons/windows10/LargeTile.scale-400.png (307 KiB)
  web-icons/windows10/SplashScreen.scale-400.png (307 KiB)

 warning

entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
Entrypoints:
  dashy (6.36 MiB)
      css/chunk-vendors.d8067ad8.css
      js/chunk-vendors.a6a3e10c.js
      css/dashy.660d27ff.css
      js/dashy.b54b8e16.js

Without any problems, you can use woff2 instead of ttf:
woff2 support: https://caniuse.com/woff2 (95%, rip IE users)
ttf2 support: https://caniuse.com/?search=ttf (97%)

The size would go from: 302kB to 128kB. Ofcours we're talking about small differences so i tottaly understand if you decline this suggestion!

For images the 367kB would go to 188kB or even 54kB for avif. I did notice converting the biggest png image gave a few weird artefacts/coloring issues. I would advice to use this project to convert the images from png to webp/avif (believe i even have a github workflow to use this project to make the alternative images automatically) https://github.com/funbox/optimizt

png (98%)
webp (94% rip ie)
avif 69% (nice) (also rip edge and safari)

For images, i personally would advice to have avif and webp as fallback. Because i'm more a backend guy and only thinkerd with frontend trough statically typing all the html/css. I can only say that using the would be perfect for this.

Again, i know that my suggestions wouldn't yield megabytes levels, and fixing those warnings isn't effecting Dashy directly. But maybe you can use these suggestions for your other projects :) feel free to instantly close this after reading!

WOFF 2.0 - Web Open Font Format | Can I use... Support tables for HTML5, CSS3, etc

"ttf" | Can I use... Support tables for HTML5, CSS3, etc

GitHub - funbox/optimizt: CLI image optimization tool

CLI image optimization tool. Contribute to funbox/optimizt development by creating an account on GitHub.

[FEEDBACK] Using webp instead of png and/or use avif | Use woff2 instead of ttf #679

Company

Community

Support

Connect