Jampack

screenshot of Jampack

Optimizes static websites for best user experience and best Core Web Vitals scores.

Overview

DiscordJampack is a post-processing tool that optimizes static websites for the best user experience and Core Web Vitals scores. Unlike a bundler or framework, it takes the output of your Static Site Generator (SSG) and optimizes it for performance.

Features

  • Responsive Images: DiscordJampack makes <img> tags and <picture> tags responsive with dimensions and multiple formats, including AVIF.
  • Above & Below-the-fold Optimization: The tool optimizes assets above-the-fold, loading them with higher priority. It also compresses images as Progressive JPEG and embeds small images in HTML. Assets below-the-fold are lazy-loaded.
  • Asset Compression: DiscordJampack compresses all untouched assets in a second pass, maintaining the same name and format. It supports compression for HTML, CSS, JavaScript, SVG, JPG, JPEG, PNG, WebP, and AVIF files.
blog
Blog

Blog websites feature posts written by one or more authors, organized by categories and tags, with a section for comments and archives sorted by date or topic. Additional features may include search bar, social media sharing, subscription or RSS feed, about and contact pages, and visual content.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.