Ssg Build Performance Tests
A comparison on build performance of popular SSGs, as they are tasked with processing local markdown files as the data source
Overview:
This project was created as a research piece for CSS-Tricks to compare the build performance of static site generators (SSGs). At the time (2018-2020), SSG build performance was a significant issue, with frameworks like Gatsby being discarded due to long build times. However, with the evolution of page rendering patterns, decoupled and API-driven sites can now scale in ways that were previously thought impossible. As a result, the value of comparing SSG build performance for generating a large number of static pages has diminished. The project is no longer being maintained, but the results from the most recent runs can still be accessed at the provided link.
Features:
- Performance comparison of static site generators
- Evaluation of build times for generating 64,000 static pages
- Assessment of scalability and efficiency of different frameworks
Summary:
This project aimed to address the issue of SSG build performance by comparing different frameworks and their ability to generate a large number of static pages. However, with the evolution of page rendering patterns and the scalability of decoupled and API-driven sites, the value of such comparisons has diminished. As a result, the project is no longer being maintained, but the results from the most recent runs can still be accessed.
- Express
Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Apollo
Apollo is an open-source platform for building GraphQL APIs that connects with any data source. It provides a powerful set of tools and features for developers, including client and server-side caching, real-time data synchronization, and a seamless integration with popular frontend frameworks.
- Graphql
A website that uses GraphQL as a query language to manage data fetching and state management. This includes features such as a strongly typed schema, client-side caching, and declarative data fetching to streamline data management and optimize website performance.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.
