DEV Community

Codesplitters Podcast

1: Code-splitting

In this very first episode of Codesplitters podcast, Poul, Mikkel and Kevin start by introducing themselves and what this podcast will be about.

We talk about code-splitting; what it is, when to split and when not to split your code. We also talk about when is a good time to think about performance in the lifetime of a project. What about old jQuery code or third-party plugins. How to do code-splitting when using Webpack or when using a JS framework. What about lazy-loading JavaScript components when you need them? Can you code-split when using a CMS? ES Modules? Can you code-split CSS? What about critical CSS?

***************

🔗 Links


Lighthouse
https://developers.google.com/web/tools/lighthouse

Code splitting in webpack
https://webpack.js.org/guides/code-splitting/

Reduce JavaScript payloads with code splitting
https://web.dev/reduce-javascript-payloads-with-code-splitting/

Route-level code splitting in Angular
https://web.dev/route-level-code-splitting-in-angular/ 

Extract critical CSS
https://web.dev/extract-critical-css/

Snowpack
https://www.snowpack.dev/

Skypack (previously Pika Package)
https://www.skypack.dev/

Webcomponents
https://www.webcomponents.org/introduction

Episode source