Sandwich

Copenhagen

Odense

Denmark.

Berlin

Hamburg

Düsseldorf

Germany.

Paris

France.

Dnipro

Mykolaiv

Ukraine.

Chisinau

Moldova.

Sofia

Bulgaria.

Hanoi

Vietnam.

Boise

USA.

Romania.

Austria.

Home

About

Work

Services

Insights

Contact

English

Dansk

Français

Deutsch

English UK

Want to learn more?

<h4><strong>The context:</strong></h4>
<p><em>Achieving 100% performance Google Lighthouse score with Drupal</em></p>
<p>Intermarché needed a website to promote its discount period, bonus points and available Mastrad gifts. The mini-site is shared over email.</p>
<p>Launching a new campaign website that will only be live for a short period can be an exciting experience, but high performance is crucial. That's exactly what we tackled with our recent project for Intermarché. Teaming up with Jakala, we had a clear goal: to build a fast and performant mini-website. </p>
<p>As it turns out, we achieved a perfect 100% performance score on desktop (99% on mobile). This number is a great achievement and signifies a higher user experience while setting the foundation for increased search engine visibility. And we did it all in under a month.</p>

<h4>Our approach:</h4>
<p>We followed best practices to achieve such an excellent Google Lighthouse performance using Drupal. There are content-focused optimisations and technical optimisations. If you are interested in the latter, here is an <a href="/home/insights/thought/5-tips-to-achieve-a-100-performance-score-on-google-lighthouse-with-drupal/" title="5 Tips to achieve a 100% performance score on Google Lighthouse with Drupal">article with tips and tricks</a>.</p>
<ul>
<li><strong>Streamlining content:</strong> We began by refining the website architecture to its simplest form, focusing on essential content that spans a header, footer, and six compelling paragraphs on our homepage. </li>
<li><strong>Leveraging Drupal and static HTML:</strong> We boosted site speed and security with Drupal Tome's static site generation. Static HTML pages load instantly, keeping users engaged.</li>
<li><strong>Optimising visuals:</strong> We've integrated the Drupal responsive image module, ensuring load efficiency across all devices, which maintains quality without sacrificing speed. Native lazy loading further optimises this process, ensuring images load strategically for uninterrupted browsing.</li>
<li><strong>Enhancing site performance:</strong> Our commitment to performance extends beyond visuals. By implementing Drupal CSS and JS aggregation, we ensured that only the essential styles and scripts load per page. This precision in loading contributes to fast and seamless navigation.</li>
</ul>
<p>These tips are tried and tested, and we highly recommend implementing them to optimise your campaign website's performance. </p>
<p><a href="/home/insights/thought/5-tips-to-achieve-a-100-performance-score-on-google-lighthouse-with-drupal/" title="5 Tips to achieve a 100% performance score on Google Lighthouse with Drupal">Learn more about our technical tips and tricks here.</a></p>
<h4>The results</h4>
<p>Intermarché's campaign website achieved an excellent Google Lighthouse score by implementing content and technical best practices. The website scored 100 for performance, 96 for accessibility, 100 for best practices, and 100 for SEO. You can try out these best practices to improve your website's performance. Remember that optimising performance is not a one-time job but a continuous process. So, it's essential to consider it from the beginning.</p>

Case Study

Achieving a perfect Google Lighthouse score for Intermarché and Mastrad

Facts & Figures

About the client

Need

Services

Technology