【Overseas Event Introduction】Quantifying the Value of Modern Web Development

Modern Web Development

The benefits of developing with Jamstack are mainly twofold.

 

• Fast development speed
• Fast website speed

 

Moreover, this speed comes with stability. From this stable speed, extra time is created. This is beneficial not only for the company and its clients, but also for the families of the company staff.

For example, there is no need to spend private time worrying about updating Drupal.

Productivity and Performance

Jamstack development using Netlify and traditional development.

Let's compare data that quantifies productivity and performance.

 

We collaborated with a company listed on the Fortune 100 for our research.

This is a company that launches 50 websites every year.

Website Development Time: 90% Reduction

Previously, it took 22 days to complete the process without using the traditional Netlify method.

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

Elements such as not having to create a development server or verification system, and developers being able to work remotely, are related.

Developer Man-Hours: 20% Reduction

Why is the workload being reduced?

 

Collaboration between developers is smooth

In WordPress, there may be a need to make adjustments to settings, and it can take time to prepare environments for each developer.
With Netlify, the same staging environment can be used, so changes made by someone can be quickly confirmed among developers.

Anyone can publish

At Netlify, content creators and marketing consultants can post articles to the headless CMS themselves and have them reflected immediately.

No need for a DevOps team

In traditional systems, it is necessary to have a DevOps team to handle situations such as "an error has occurred" or "the system is slow".
With Netlify, such a team is not needed.

Site Visitors: 10% Increase

Google's various tools have a metric called "Page Experience". This represents the comfort of website visitors when interacting with the site.

Based on this indicator, we examined Netlify's customer site.

 

And then...

Significant improvements have been made to Google's metrics, such as Core Web Vitals and mobile compatibility.

The bar graph below is the performance of the site using Netlify.

 

 

Lighthouse score has increased by 63 on mobile and 35 on desktop.

This shows that this is leading to an increase in the number of visitors to the site.

Conversion Rate: 8% Increase

 

Please refer to the image above.

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

As a result, we were able to confirm an 8.4% increase in conversion rates on retail sites and a 10.1% increase on travel-related sites.

 

In addition, on the Pan Macmillan website, by implementing decoupling from the traditional system, the conversion rate increased by 25%.

In addition, the Sennheiser website has achieved a 137% increase in conversion rate.

 

Of course, this is also taking into account other factors such as design updates, but even so, these are numbers that cannot be ignored.

Cost Reduction

We will introduce actual examples of cost reduction.

At Pan Macmillan, we were able to reduce our costs by half by migrating to Netlify from Azure.

 

Instead of hiring various technicians, it is also a point to have only JavaScript developers.

It is expected that the cost required for system upgrades can be reduced by about 40%.

Speedy Site Migration

 

The figure above shows the website migration schedule for Sennheiser Co.

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

Clearly demonstrates the advantages of Jamstack.

Summary

In this session, specific evidence-based numbers were presented to introduce the advantages of modern web development methods.

It is often vaguely discussed, but wouldn't it be helpful to have concrete evidence to demonstrate the advantages of Jamstack?

Conversion rates and website visitors are not increasing at an astonishing rate of 10%, but rather I feel that they are a highly reliable and realistic rate.

 

By making the site load faster and mobile-friendly, it is reassuring to know that we can improve by about 10% with just these changes, according to reliable data.

 

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

 

Thank you for reading until the end.

 

Human Science Co., Ltd. offers unique solutions for web content and platforms using the combination of "document creation know-how" and "the latest web development technology (Jamstack)" that other companies do not have.

If you are interested, please 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