BBC Nov 23, 2020

BBC World Service & Web Performance

Article Summary

Chris Hinds from BBC World Service reveals how they migrated 31 million weekly readers to a modern React app and achieved performance gains of up to 83%. The results? A complete transformation of one of the world's largest multilingual news platforms.

BBC World Service rebuilt their entire web platform serving 41 language sites, moving from a legacy PHP monolith to Simorgh, an open-source isomorphic React application. The migration prioritized performance for users on low-end devices with poor connectivity across global markets.

Key Takeaways

Critical Insight

BBC World Service successfully migrated 41 language sites to a modern React platform, achieving dramatic performance improvements while serving 1 million unique pages daily.

The article reveals their clever approach to handling social embeds that were adding 500KB of blocking JavaScript to every page.

About This Article

Problem

BBC World Service's old PHP platform had serious speed issues. The site made 9 blocking JavaScript requests and took 2.6 seconds to load the DOM. This made pages nearly impossible to use on 2G and 3G networks, affecting readers across 41 language sites.

Solution

Chris Hinds' team built Simorgh, an isomorphic React app with server-side rendering. This removed all the blocking JavaScript and added lazy-loading for third-party social embeds using tools already in the platform.

Impact

After the migration, blocking JavaScript requests went from 9 to zero. DOM Content Loaded dropped 85% to 0.4 seconds. Pages heavy with embeds saw Time to Interactive cut in half, falling from 12 seconds to 6 seconds.