We're sorry but this page doesn't work properly without JavaScript enabled. Please enable it to continue.
Feedback

Bundle splitting in Volto

Formal Metadata

Title
Bundle splitting in Volto
Title of Series
Number of Parts
72
Author
Contributors
License
CC Attribution 3.0 Germany:
You are free to use, adapt and copy, distribute and transmit the work or content in adapted or unchanged form for any legal purpose as long as the work is attributed to the author in the manner specified by the author or licensor.
Identifiers
Publisher
Release Date
Language
Production Year2020

Content Metadata

Subject Area
Genre
Abstract
As an application scales, we need to make adjustments in Javascript bundle which gives a breathing space when it comes to loading massive client apps. We cannot maintain a single javascript bundle as the application grows, it can hinder website performance in various cases. A few different approaches we can take when it comes to bundle splitting JavaScript. Dynamic code splitting: Dynamic code splitting adds the ability to point out the fields/components which we want to lazy-load i.e load on demand and split out in a separate bundle. This is opposite to statically load where we bundle out dependencies into a single file during build time. This talk demonstrates how we recently inculcated and leveraged `loadable-components` into Volto core to load dynamic chunks while maintaining server side rendering.