[International Event Introduction] Quantifying the Value of Modern Web Development

Modern Web Development

There are mainly two benefits to be gained when developing with Jamstack.

 

• The speed of development is fast
• The site speed is fast

 

Moreover, that speed comes with stability. From stable speed, surplus time is generated. This can be considered beneficial for the company, the clients, and ultimately for the families of the company staff.

For example, you don't have to spend your private time worrying about updates for Drupal.

Productivity and Performance

Jamstack development using Netlify and traditional development.

Let's compare the data that quantifies productivity and performance.

 

We received research cooperation from a company listed in the Fortune 100.

A company that launches 50 websites every year.

Days for site development: 90% reduction

The method that does not use the conventional Netlify required a process that lasted 22 days.

However, since using Netlify, this has been reduced to just 2 days.

It relates to factors such as not having to create a development server or verification system, and allowing developers to work remotely.

Developer man-hours: 20% reduction

Why are man-hours reduced?

 

Smooth collaboration among developers

In WordPress, it can take time to tweak settings or set up environments for each developer.
With Netlify, the same staging environment can be used, allowing developers to quickly verify changes made by someone else.

Anyone can publish

With Netlify, content creators and marketers can post articles to their headless CMS themselves, and they are reflected immediately.

No need for a DevOps team

Traditional systems require a DevOps team to respond to issues such as "an error has occurred" or "the system is slow."
At Netlify, such a team is not necessary.

Number of site visitors: 10% increase

Google's various tools have a metric called "Page Experience." It represents the comfort level of website visitors when they interact.

Based on this metric, we examined Netlify's customer sites.

 

Then...

Significant improvements in Google's metrics, such as Core Web Vitals and mobile responsiveness.

The bar graph below shows the performance of sites using Netlify.

 

 

The Lighthouse score has improved to 63 for mobile and 35 for desktop.

It is clear that this is leading to an increase in the number of visitors to the site.

Conversion Rate: 8% Increase

 

Please take a look at the figure above.

This is an analysis of 30 million sessions from 37 sites over a period of 4 weeks.

As a result, an increase in conversion rates of 8.4% was confirmed for retail sites and 10.1% for travel-related sites.

 

In addition, the Pan Macmillan website achieved a 25% increase in conversion rates by decoupling from the traditional system.

Furthermore, Sennheiser's site has achieved an increase in conversion rate of as much as 137%.

 

Of course, this is also considering other factors such as design updates, but still, this is a number that cannot be overlooked.

Cost reduction

We will introduce examples of cost reductions.

At Pan Macmillan, we were able to reduce the costs we were incurring on Azure by half by migrating to Netlify.

 

Instead of hiring various engineers, it is also a point that only hiring JavaScript developers is sufficient.

It is expected that the costs necessary for the system upgrade can be reduced by about 40%.

Speedy Site Migration

 

The above diagram is the site migration schedule for Sennheiser.

Despite being a fairly large and complex system, the transition was completed in just 11 weeks.

Clearly demonstrates the advantages of Jamstack.

Summary

In this session, specific data-backed figures were presented to highlight the advantages of modern web development techniques.

The advantages of Jamstack are often discussed in a rather vague manner, but this could serve as a concrete basis for demonstrating them.

Metrics such as conversion rates and site visitor numbers are around 10%, which is not an astonishing increase rate; rather, it feels like a highly reliable and realistic rate.

 

This is encouraging data that shows that simply optimizing the site for faster loading and mobile compatibility can improve performance by about 10%.

 

It was a session that clearly demonstrated the advantages of Jamstack!

 

Thank you for reading until the end.

 

Human Science Co., Ltd. provides solutions for web content and platforms using a unique combination of "document production know-how" and "the latest web development technology (Jamstack)" that is not available from other companies.

If you are interested, please feel free to contact us here!

 

Human Science Co., Ltd.

https://www.science.co.jp/document/jamstack.html

 

Source of this document: https://www.youtube.com/watch?v=BXNIhwwiYa0&t=456