【ツール紹介】ページ表示速度改善できる「LandingHub(ランディングハブ)」

[Tool introduction] "LandingHub" that can improve page display speed

This time, we will explain "LandingHub", a service that can be used by MakeShop to easily improve page display speed. We will introduce the overview and benefits of "LandingHub".


【table of contents】


■What is the page display speed improvement service “LandingHub”?

"LandingHub" is a service that makes images and videos on landing pages and websites lighter and speeds up their display speed simply by adding tags.


■ Disadvantages of not improving page display speed

1. Increased bounce rate and abandonment rate

It is said that when page load speed goes from 1 second to 3 seconds, the bounce rate increases by 32%, and on mobile, 53% of users abandon a page if it takes more than 3 seconds to load. (*1) Even a difference of just a few seconds can be stressful for users and result in lost opportunities.

(※ 1 ) Source: Google 2018 Find out how you stack up to new industry benchmarks for mobile page speed

2. Decreasing sales

According to a survey by Amazon, "a 0.1 second slower page load time results in a 1% decrease in sales, while a 1 second faster page load time results in a 10% increase in sales," showing that sales and page load speed are closely related (*2).

(※ 2 ) Source: Amazon 2007 Web experiments generate insights and promote innovation.



■Benefits of "LandingHub"

We would like to introduce the benefits of the "LandingHub" service.

(Image source: https://apps.makeshop.jp/view/item/000000000112 )


1.Easy to install
LandingHub can be easily implemented by simply placing one script tag. There is no need to replace tags or upload files; simply place the JavaScript issued by LandingHub in the head tag of your HTML file to speed up your page.

2.CVR upload - Automatic compression of images and videos

Compressing images and videos to the optimal size reduces the load and increases speed. It can automatically create new image formats such as "AVIF" and "WebP" and new codecs such as "VP 9" and "H.265 HRVC" that can export lightweight images while maintaining image quality.

- Automatically convert GIF to video
GIF animations can also be converted to videos with higher compression rates than AVIF and WebP. Pages that use a lot of GIF animations tend to have a lot of data transferred, but since they are automatically converted to videos, you can expect to reduce the amount of data transferred.

- Unique lazy loading Lazy loading improves page display speed by loading only images (videos) that are within the scrolled screen. Unlike general lazy loading, it addresses flickering during loading and image delays caused by high-speed scrolling.

- Preloading Normally, the body of the page will not load until a lot of information in the head tag has been loaded first, but by implementing preloading, images are loaded as a priority, which shortens the time it takes for the first view to be displayed.

By using the above methods, you can improve page load speed and increase your CVR.

3. Cost reduction

- Reduction in server costs "Conversion to next-generation formats," "automatic compression of images, videos, etc.", and "reduction of unnecessary data transfer with lazy loading" lead to savings in data transfer volume, thereby reducing server costs.

- Reduction in engineering resources Since the service can be used simply by installing tags, this leads to a reduction in in-house engineering resources.

4. Stable operation of the server
LandingHub uses HTML tags to collect images and videos, and compresses them on the LandingHub server to improve page display speed. Multiple servers distribute the load and can handle sudden increases in access. Also, if some servers stop working, other servers can continue to deliver content.



■About costs

Initial cost: Free Monthly cost: Please contact us *Contract period is from 1 month



What did you think?

This time we introduced "LandingHub" which can improve page display speed. If you are considering a page display speed improvement service, please make use of it.

If you would like more detailed information or case studies, please feel free to contact Formix.

■Operating company introduction

FORMICK is an official partner of "MakeShop" and "Cloud EC" .

Of course, it is possible to switch from other platforms to "MakeShop" or "Cloud EC", but for customers who say "This is my first time building an online store, but I'd like to give it a try," we can also make suggestions regarding the initial construction.
Please feel free to contact us regarding post-publication operations.

▶For more information on EC operation support, click here

Author: Yonechi

A director with a strong love for Mont Blanc. A fan of Atesway.