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

[Tool-Einführung] "LandingHub", das die Seitenanzeigegeschwindigkeit verbessern kann

Dieses Mal erklären wir „LandingHub“, einen bei MakeShop verfügbaren Dienst, mit dem sich die Seitenanzeigegeschwindigkeit ganz einfach verbessern lässt. Wir stellen Ihnen den Überblick und die Vorteile von „LandingHub“ vor.


【Inhaltsverzeichnis】


■Was ist der Dienst zur Verbesserung der Seitenanzeigegeschwindigkeit „LandingHub“?

„LandingHub“ ist ein Dienst, der Bilder und Videos auf Landingpages und Websites durch das bloße Hinzufügen von Tags leichter macht und ihre Anzeigegeschwindigkeit beschleunigt.


■ Nachteile, wenn die Seitenanzeigegeschwindigkeit nicht verbessert wird

1. Erhöhte Absprungrate und Abbruchrate

Wenn die Seitenladegeschwindigkeit von 1 Sekunde auf 3 Sekunden erhöht wird, erhöht sich die Absprungrate um 32 %. Und auf Mobilgeräten brechen 53 % der Benutzer eine Seite ab, wenn das Laden länger als 3 Sekunden dauert (※1). Schon eine Differenz von wenigen Sekunden kann für den Benutzer Stress bedeuten und zu verpassten Chancen führen.

(※ 1 ) Quelle: Google 2018 Finden Sie heraus, wie Sie im Vergleich zu den neuen Branchen-Benchmarks für die Geschwindigkeit mobiler Seiten abschneiden.

2. Umsatzrückgang

Einer Umfrage von Amazon zufolge „führt eine um 0,1 Sekunde langsamere Seitenladezeit zu einem Umsatzrückgang von 1 %; eine um 1 Sekunde schnellere Seitenladezeit führt hingegen zu einer Umsatzsteigerung von 10 %“. Dies zeigt, dass zwischen Umsatz und Seitenladegeschwindigkeit ein enger Zusammenhang besteht (*2).

(※ 2 ) Quelle: Amazon 2007 Web-Experimente generieren Erkenntnisse und fördern Innovationen.



■Vorteile von „LandingHub“

Wir möchten Ihnen die Vorteile des Dienstes „LandingHub“ vorstellen.

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


1. Einfach zu installieren
Sie können LandingHub ganz einfach einführen, indem Sie einfach ein Skript-Tag installieren. Es besteht keine Notwendigkeit, Tags zu ersetzen oder Dateien hochzuladen; Sie können Ihre Seiten beschleunigen, indem Sie das von LandingHub ausgegebene JavaScript einfach in den Kopftag Ihrer HTML-Datei einfügen.

2.CVR-Upload - Automatische Komprimierung von Bildern und Videos

Durch die Komprimierung von Bildern und Videos auf die optimale Größe wird die Belastung reduziert und die Geschwindigkeit erhöht. Es kann automatisch neue Bildformate wie „AVIF“ und „WebP“ erstellen, die Ihnen den Export kleiner Bilder bei gleichbleibender Bildqualität ermöglichen, sowie neue Codecs wie „VP 9“ und „H.265 HRVC“.

- GIF automatisch in Video umwandeln
GIF-Animationen können auch mit höheren Komprimierungsraten als AVIF und WebP in Videos umgewandelt werden. Bei Seiten, die in großem Umfang GIF-Animationen verwenden, wird in der Regel eine große Datenmenge übertragen. Durch die automatische Konvertierung in Videos kann die übertragene Datenmenge jedoch reduziert werden.

- Einzigartiges Lazy Loading. Lazy Loading verbessert die Seitenanzeigegeschwindigkeit, indem nur Bilder (Videos) geladen werden, die sich innerhalb des gescrollten Bildschirms befinden. Im Gegensatz zum typischen Lazy Loading behebt es das Flackern während des Ladens und die Bildverzögerung, die durch schnelles Scrollen verursacht wird.

- Vorladen Normalerweise wird der Hauptteil der Seite erst geladen, wenn viele Informationen im Kopf-Tag geladen wurden. Durch die Implementierung des Vorladens werden Bilder jedoch vorrangig geladen, wodurch die Zeit bis zur Anzeige der ersten Ansicht verkürzt wird.

Mit den oben genannten Methoden können Sie die Seitenladegeschwindigkeit verbessern und Ihren CVR erhöhen.

3. Kostensenkung

- Reduzierung der Serverkosten „Konvertierung auf Next-Generation-Formate“, „Automatische Komprimierung von Bildern, Videos etc.“ und „Reduzierung unnötiger Datenübertragungen durch Lazy Loading“ führen zu Einsparungen beim Datentransfervolumen und senken somit die Serverkosten.

- Reduzierung des Engineering-Aufwands Da die Nutzung des Dienstes durch einfaches Installieren von Tags möglich ist, führt dies zu einer Reduzierung des Engineering-Aufwands im Unternehmen.

4. Stabiler Betrieb des Servers
LandingHub verwendet HTML-Tags, um Bilder und Videos zu sammeln und sie auf den LandingHub-Servern zu komprimieren, um die Seitengeschwindigkeit zu verbessern. Mehrere Server verteilen die Last und können plötzliche Verkehrsanstiege bewältigen. Wenn ein Server ausfällt, können die anderen Server außerdem weiterhin liefern.



■Über die Kosten

Anschaffungskosten: Kostenlos Monatliche Kosten: Bitte kontaktieren Sie uns *Vertragslaufzeit ab 1 Monat



Wie hat es Ihnen gefallen?

Dieses Mal haben wir „LandingHub“ eingeführt, das die Seitenanzeigegeschwindigkeit verbessern kann. Wenn Sie über einen Dienst zur Verbesserung der Seitenanzeigegeschwindigkeit nachdenken, können Sie diesen Dienst gerne nutzen.

Wenn Sie ausführlichere Informationen oder Fallstudien wünschen, können Sie sich gerne an Formix wenden.

■Vorstellung des Betreiberunternehmens

FORMICK ist offizieller Partner von „MakeShop“ und „Cloud EC“ .

Natürlich ist es möglich, von anderen Plattformen zu „MakeShop“ oder „Cloud EC“ zu wechseln, aber für Kunden, die sagen „Ich baue zum ersten Mal einen Online-Shop auf, möchte es aber gerne ausprobieren“, können wir auch Vorschläge für den Erstaufbau machen.
Bitte zögern Sie nicht, uns bezüglich weiterer Vorgänge nach der Veröffentlichung zu kontaktieren.

▶Weitere Informationen zur EC-Betriebsunterstützung finden Sie hier

Autor: Yonechi

Ein Regisseur mit einer großen Liebe zum Mont Blanc. Ich unterstütze Atesway.