Svelte It Will Scale screenshot

Svelte It Will Scale

Author Avatar Theme by Halfnelson
Updated: 24 Aug 2020
176 Stars

Generate a chart showing svelte's overhead

Categories

Overview:

In this article, the author discusses the concept of an inflection point in Svelte and React bundle sizes and determines the size at which the advantage of using a compiler over a runtime diminishes. The author analyzes the relationship between component source code size and bundle size for both Svelte and React and finds that the inflection point for Svelte is around 120KB of component source. They also note that in practice, as long as code-splitting is used, it is unlikely to hit the inflection point on any given page of an app. The author concludes that Svelte projects tend to be lean and can scale effectively.

Features:

  • Inflection Point Analysis: The article discusses the concept of an inflection point in Svelte and React bundle sizes and determines the size at which the advantage of using a compiler over a runtime diminishes.
  • Relationship between Component Source Size and Bundle Size: The author analyzes the relationship between component source code size and bundle size for both Svelte and React and presents the findings in graphical form.
  • Comparison of Svelte and React: The article compares the bundle size formulas for Svelte and React to identify the differences in how the bundle size scales with component source size.
  • Impact of Code-Splitting: The author emphasizes the importance of code-splitting in preventing the app from hitting the inflection point and discusses how Sapper provides code-splitting out of the box.
  • Size of Svelte Projects: The author provides examples of Svelte projects and highlights that they tend to be lean and not close to the inflection point, even without considering code splitting.

Installation:

The article does not provide code snippets for installation.

Summary:

The article explores the concept of an inflection point in Svelte and React bundle sizes and determines that the inflection point for Svelte is around 120KB of component source. The author emphasizes the importance of code-splitting in preventing the app from reaching the inflection point. They also note that Svelte projects tend to be lean and have an advantage in terms of bundle size. Overall, the article concludes that Svelte can scale effectively and addresses the concern of whether it will scale.