How to make images load faster on a Node.js website

This page summarizes the projects mentioned and recommended in the original post on /r/webdev

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • squoosh

    Make images smaller using best-in-class codecs, right in the browser.

  • This thread has a lot of great suggestions conceptually. But to give a concrete tool. I'd recommend everyone always run all of your images through Squoosh for raster images (jpg, png, etc) or SVGOMG for vector images (svg). These tools give you a ton of options to visually compare the quality and file size of your images with different file formats, compression settings, and more. You'll find that playing around with those settings can often save 80%+ on a totally unoptimized image without it looking any different. Especially a photograph as those have a ton of room for optimizations usually.

  • svgomg

    Web GUI for SVGO

  • This thread has a lot of great suggestions conceptually. But to give a concrete tool. I'd recommend everyone always run all of your images through Squoosh for raster images (jpg, png, etc) or SVGOMG for vector images (svg). These tools give you a ton of options to visually compare the quality and file size of your images with different file formats, compression settings, and more. You'll find that playing around with those settings can often save 80%+ on a totally unoptimized image without it looking any different. Especially a photograph as those have a ton of room for optimizations usually.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts