1: Code-splitting

1: Code-splitting

Update: 2020-11-20
Share

Description

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

Comments 
00:00
00:00
x

0.5x

0.8x

1.0x

1.25x

1.5x

2.0x

3.0x

Sleep Timer

Off

End of Episode

5 Minutes

10 Minutes

15 Minutes

30 Minutes

45 Minutes

60 Minutes

120 Minutes

1: Code-splitting

1: Code-splitting

Poul Hansen, Kevin Andries and Mikkel Rom