Over a million developers have joined DZone.

How French Newspaper Le Monde Improved its Web Site's Performance

· Performance Zone

Evolve your approach to Application Performance Monitoring by adopting five best practices that are outlined and explored in this e-book, brought to you in partnership with BMC.

A month ago, we wrote about how the Home Depot improved their web performance through a major “Perflift”. Today, we want to congratulate “l’equipe” at Le Monde for improving their website.

While The New York Times is the number one newspaper in US, Le Monde is the number one news source in France and for French speakers around the world. I have a deep and personal relationship with Le Monde; as it allowed me to stay informed while travelling around the world before settling in the US. I continue to be an online subscriber not only to have a deeper world news coverage but also to practice my French.

This year Le Monde’s IT team embarked on a major project to make the website faster. The key business driver was to increase web traffic by providing the best user experience. The development team rebuilt several parts of their system from scratch and optimized the front end code to achieve their performance goals. As part of the initiative, they modified how third party tags are rendered on the page in order to minimize their performance exposure and risks. This “Perflift” has a big payoff for the end users and the company as the new website blows away the old site in performance:

  • The time to Document Complete (or onload) improved by more than 50%
  • The Total Page Load time improved by more than 33%

Here are performance measurements before and after the “Perflift” from 5 European nodes (Paris, London, Amsterdam, Frankfurt, Milan)

Le Monde Homepage Performance

Le Monde Homepage Performance

Web Performance Metrics Before & After

Web Performance Metrics Before & After

 

From a WPO (Web Performance Optimization) perspective the Le Monde engineering team did a fantastic job at:

  • Reducing the number of CSS files
  • Serving static content from cookie-less domains,
  • Relying on CSS Sprites
  • Domain sharding
  • Loading the ads post document complete.
  • Most importantly, loading JS asynchronously. They went from 700Kb to 100Kb of sync/blocking JS on the Home Page!
  • Loading images asynchronously, triggering image load on user scrolling.
Le Monde Web Performance - Content Before & After

Le Monde Web Performance - Content Before & After

We hear that they have a few more tricks up their sleeves they plan to implement in order to keep improving the site speed.

Congratulations to the entire Le Monde Team for pulling off this “Perflift” successfully! Companies from around the world should take a close look and learn from Le Monde and Home Depot.

Bravo! Cocorico!

Mehdi – Catchpoint

Learn tips and best practices for optimizing your capacity management strategy with the Market Guide for Capacity Management, brought to you in partnership with BMC.

Topics:

Published at DZone with permission of Mehdi Daoudi, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

The best of DZone straight to your inbox.

SEE AN EXAMPLE
Please provide a valid email address.

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.
Subscribe

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}