RelativeCI

Catch bundle regressions before merge, not in production

Ship web apps with predictable bundle performance and stop troubleshooting bundle issues after release

[RelativeCI @Relative_CI]

📚 Why web application size matters

The web continues to grow and evolve each year, and with that growth comes exciting opportunities and challenges

https://t.co/bqhsRRU8KZ

[RelativeCI @Relative_CI]

📣 Improved baseline comparison with dynamic baseline branch

RelativeCI agent now detects the pull request’s target (base) branch and uses the latest job on that branch as the baseline.

Read more: https://t.co/pswAPtAOJq

[Evan You @evanyou]

Example:

PR: https://t.co/wLYS48ZmgV

Bundle size: -5.28% initial JS loaded
https://t.co/MLgPJ3w6nV

Build: 47.27s -> 5.40s (8.8x faster!)
Installing deps now takes longer than the actual build 😂

[RelativeCI @Relative_CI]

🤖 bundle-stats v4.18.0

- asset chunk information and assets filtering by chunk
- rollup-plugin-bundle-stats - new initial flag extraction algorithm

https://t.co/CjtBJDmYie

[RelativeCI @Relative_CI]

📣 Release notes: October

📁 Export bundle analysis totals/assets/modules/packages as JSON/CSV and create custom reports & visualizations in your preferred tools
⚖️ Asset type(initial, entry, chunk) between builds to identify bundle optimization changes

https://t.co/D5R1XvZsHb

[RelativeCI @Relative_CI]

The Danish Public Library - RelativeCI architecture decision doc
by @kasperg

https://t.co/8EIuD7xO07

[RelativeCI @Relative_CI]

🤖 bundle-stats v4.16.0 - export metrics data to JSON/CSV and use your preferred tools to inspect or create custom visualizations

https://t.co/iEck30OQo3

[Rspack @rspack_dev]

Announcing Rspack 1.0 - the next generation JavaScript bundler written in Rust, webpack compatible, 10x faster.

Check out the release blog for more details:
https://t.co/nOVJjKMRBo

[RelativeCI @Relative_CI]

🤖 bundle-stats v4.13.0 - treemap charts for totals, assets, modules and packages

👓 Visualize the largest pieces of your bundle
🔮 Identify the impact of large clusters of assets, modules, or packages
🔬 Zoom in to the selected folder

https://t.co/yPp1QcPvM1

[Rspack @rspack_dev]

A fantastic talk on Module Federation and Rspack by @ScriptedAlchemy at JNation 2024!

[Rspack @rspack_dev]

📖Our new blog post about tree shaking: https://t.co/Xu3cuVsoYL…

This article mainly focuses on understanding the concept of Rspack & Webpack tree shaking. It reveals how various optimizations work behind the scenes.

[Rspack @rspack_dev]

Rspack v0.6.0 is out!

⭐️ New CSS extract plugin
⭐️ New CSS modules options
⭐️ New tree shaking → smaller outputs
⭐️ Upgraded SWC v0.90

https://t.co/o4wOnLtcLm

[RelativeCI @Relative_CI]

📖 How to identify and fix duplicate dependencies

Modern web applications bundle a median of 100 direct and transitive dependencies. On average, 20% of the dependencies are duplicates, impacting the application's web performance.

https://t.co/4A9MkgKvM2

[scalar @scalar]

our goal is to get scalar < 1MB unpacked (currently 600KB gzipped)✌️

@Relative_CI has made us substantially more conscious on bundle size monitoring/analysis every day

we love their service!✨

[Vio @vio]

Treemap charts for totals/assets/modules/packages are landing on the next bundle-stats.

Powered by @d3js_org and @ariakitjs

https://t.co/5aAmgegvJm

[RelativeCI @Relative_CI]

📣 Release notes: February

↔️ Module total size comparison: easier to identify duplicate module impact and discover opportunities for improved code splitting
👥 Improved organization usage
🎯 Bundle analyzer and integration improvements

https://t.co/dv6T5eMBzF

[Jacky Efendi @jackyef__]

@Relative_CI is pretty cool. It just helped me discover and fix duplicate packages on my site.

It was caused by differently resolved transitive dependencies by radix-ui/* packages

[RelativeCI @Relative_CI]

🤖 bundle-stats v4.12.0

View and compare modules by duplicate total module size (thank you @danielbeardsley)

https://t.co/SyHkXJ07qQ

[RelativeCI @Relative_CI]

Remarkable progress by the @rspack_dev team! We were able to add rspack to some of our projects without any other changes.

Also, we now have dedicated instructions and examples for rspack:
🗒️ https://t.co/pID4M5mPl4
📚 https://t.co/9uu5bD3bME

https://t.co/tRwE256J6E

[Rspack @rspack_dev]

Do you know that build time can be a significant hinder in the adoption of bundle analysis tools like perfsee and @Relative_CI in CI. When the build process takes too long, it can delay the feedback loop and it's too late to revert changes before deploying. This can slow down the iteration cycle and hinder the development process. Fast builds enable faster iteration and quicker feedback, which is crucial for maintaining a productive development workflow.
Rspack makes it possible to do bundle analysis for every PR!
#buildtimematters