Apr 22
Senior devs who nail Lazy Load all do one thing differently.
Improve web app performance with lazy loading and code…
Took me too long to notice 👇
kubaik.github.io/lazy-load
#DevOps #ReactJS #WebDev #LazyLoading #CodeSplitting
21
Feb 19
Chunks are now entry-aware in Rolldown 1.0.0-rc.5 ⚡
What does that mean? When grouping chunks via `codeSplitting`, they can now be automatically split per entry point (usually per page), so users download less unused JavaScript.
Just set `entriesAware: true`.
Worried about too many small chunks? `entriesAwareMergeThreshold` has you covered.
Time to reduce your initial JavaScript ✨
ALT Infographic showing Rolldown's entriesAware code splitting feature in 3 steps. Step 1 shows three entry points (Dashboard using chart.js, Admin using marked, Landing using gsap - all sharing es-toolkit). Step 2 shows the problem: without entriesAware, all entries load a single 305KB vendor.js containing all libraries. Step 3 shows the solution: with entriesAware enabled, chunks are split by usage - a shared 8KB chunk for es-toolkit plus entry-specific chunks (195KB for dashboard, 40KB for admin, 63KB for landing), reducing average page load to 107KB and eliminating unused library downloads. Code snippet shows the configuration: entriesAware: true and entriesAwareMergeThreshold: 20000.
7
15
266
17,364
Jan 29
New in @rolldown_rs - The `codeSplitting` option
We've unified code splitting configuration under a single option, deprecating both `advancedChunks` and `inlineDynamicImports`.
Migration is straightforward: the config object shape stays the same, just the name changes.
Why combine them?
Both previous configurations influence how modules should be distributed across output files.
Having them separate made it possible to write contradictory configs where one says "don't split" and the other says "here's how to split."
Now it is a single, clear option: from no chunks at all, to automatic splitting, to defining rules manually.
ALT Before and after code comparison showing Rolldown's new codeSplitting option. Left side shows contradictory config with both inlineDynamicImports: true and advancedChunks defined. Right side shows the unified replacement: codeSplitting: false for no splitting, or codeSplitting with a config object for manual chunking rules.
6
15
177
16,692
1 Dec 2025
Ini tuh per request dibuletin ke 20MB?
Kalau per request boncos bgt. Jaman sekarang pada codesplitting js 😆
5
1,585
23 Feb 2025
i'm a backend dev so take what i say with a grain of salt, but in general i would:
-understand how data flows between systems: frontends/backends/caches, etc
-learn modern/popular frameworks
-understand their core components: how they render, rerender, their lifecycles
-how to fetch data and how to parallelize this process
-how to paginate data
-how to securely store state clientside
-ways to optimize frontends - codesplitting, optimizing your bundle, etc
1
1
56
26 Jan 2025
🚀 Boost your website's speed! 🌐
Learn how Lazy Loading, Code Splitting, & Image Optimization can enhance performance & SEO. 📈
💡 Read more: devalphaing.com/optimizing-w…
#WebPerformance #LazyLoading #CodeSplitting #SEO #TechTips
1
48
9 Jan 2025
we recommend auto codesplitting instead of manual lazy
3
37
24 Nov 2024
🚀 Optimize your web app’s performance with Selective Rendering, Code Splitting, Compression, Dynamic Imports, and more! Improve load times, user experience, and performance. #FrontendPerformance #CodeSplitting #SelectiveRendering #PerformanceOptimization #HattussaItSolutions
2
8
24 Oct 2024
🚀 Optimize React apps with code-splitting.
How-To: Use React’s lazy and Suspense features to split your code into smaller bundles and load them on demand.
#ReactJS #CodeSplitting #SmartSnippet #AllDayDSK
4
2
8
90
23 Oct 2024
⚛️ Master React.js for High-Performance Apps! ⚛️
⚡ Pro Move: Combine with dynamic imports for even better efficiency!
#ReactJS #CodeSplitting #LazyLoading #WebDevelopment #JavaScript #PerformanceOptimization
1
3
76
11 Oct 2024
🔥Day 7 of UNLOCKING REACT: Dynamic imports🔥
🚀Supercharge your app with dynamic imports for code splitting! Load only what’s needed,when it’s needed, and improve your app’s performance
#ReactJS #JavaScript #CodeSplitting #WebDevelopment #LazyLoading #FrontendDev #Programming
2
53
11 Oct 2024
🔥Day 7 of UNLOCKING REACT: Dynamic imports🔥
🚀Supercharge your app with dynamic imports for code splitting! Load only what’s needed,when it’s needed, and improve your app’s performance⚡
#ReactJS #JavaScript #CodeSplitting #WebDevelopment #LazyLoading #FrontendDev #Programming
2
119
11 Oct 2024
🔥Day 5 of UNLOCKING REACT: Dynamic imports🔥
🚀Supercharge your app with dynamic imports for code splitting! Load only what’s needed,when it’s needed, and improve your app’s performance⚡
#ReactJS #JavaScript #CodeSplitting #WebDevelopment #LazyLoading #FrontendDev #Programming
1
11
1,205
27 Aug 2024
So that's what we're doing
and in my opinion this is the most grokable routing convention I've seen that still gives you the benefits of file based routing, namely route modules automatic codesplitting
(thanks @markdalgleish for implementing it)
github.com/remix-run/react-r…
ALT New routes.ts config
1
17
2,128
29 Jul 2024
Link to playlist: youtube.com/watch?v=DmleG6V1…
The first episodes cover:
- Project setup
- Lazy vs preloaded queries
- Route level codesplitting loading code and data in parallel (render-as-you-fetch)
- Custom scalars and automatic conversion of them
More episodes coming soon!
1
1
159
28 Jul 2024
This is the "falling into the pit of success" part. You won't accidentally create a waterfall by codesplitting somewhere higher up in the component hierarchy.
Falling into the pit of success is one of the most important parts of both ReScript, Relay and obviously RescriptRelay.
1
2
118
28 Jul 2024
Read the docs here: rescript-relay-documentation…
It's RescriptRelay's version of Relay's data-driven dependencies (3D), but fully client side without requiring any server support.
Codesplitting by route is easy with something like RescriptRelayRouter and Relay's preloaded queries..
1
2
57
28 Jul 2024
RescriptRelay v3 ships with a directive for data-driven codesplitting of components, ensuring that the component code is loaded ASAP (no network waterfalls), but only if the component will actually be used.
It's one of the things in RescriptRelay v3 I'm the most proud of.
2
6
16
1,256
6 Jul 2024
🚀 New Blog Alert! 🚀
We just published an article on Understanding Code Splitting: A Guide to Optimizing Web Performance by Ishita.
Don't miss out on this valuable read!
#WebPerformance #CodeSplitting #Webpack #WebDevelopment #Optimization #Codedash
blog.codedash.in/understandi…
4
17
Esbuild's codesplitting isnt known to be super great (it's also not enabled by default!). Esbuild is very good at transforming TS into regular JS very quickly, though. Rollup also has a very flexible and large ecosystem of plugins, that Vite built on (inspired by es-dev-server)
1
2
81