))
1: Code-splitting
Manage episode 290569459 series 2915019
Content provided by Poul Hansen, Kevin Andries and Mikkel Rom, Poul Hansen, Kevin Andries, and Mikkel Rom. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Poul Hansen, Kevin Andries and Mikkel Rom, Poul Hansen, Kevin Andries, and Mikkel Rom or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://player.fm/legal.
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
21 episodes
Share
