Report • 18.06.2018

Reduce web page load time – Methods at a glance

Part 2 of the topic series: Mobile optimization

In the first part of our series, we talked about the challenges of a mobile web presence and analysis tools as outlined in the "Modern Mobile Web Technologies" guidelines of the German Federal Association of the Digital Economy. In this second part, we summarize the action points the BVDW recommends to optimize your website’s speed and performance.

The 3-Second Rule

Although the user/customer is king, Google is emperor. Both emphasize the time aspect. If website load speed is too slow (more than 3 seconds), whether it’s a mobile site or not, the user will abandon the site or Google will penalize the website, respectively. That’s why one of the main factors for an excellent mobile-friendly web presence is page loading time. Meanwhile, it is often pushed to its limits, especially in online stores thanks to multiple displayed images and other large files.

Yet website optimization doesn’t have to be costly and elaborate. Even small changes and updates to the existing system can have a great impact.

Here is a list of starting points for you:

  1. Browser Caching
  2. CDN
  3. Compression
  4. Images
  5. Resources
  6. Prefetching

Browser Caching:

Browser caching (storing data from recently downloaded web pages) is a relatively quick fix to optimize your website’s loading speed. However, this method must be used with caution to be able to display all web content for the customer/visitor despite caching.

"It is important that generally all file formats can be defined in the browser caching, but this can also lead to problems, for example in the case of files that are subject to frequent changes, since the user's browser does not load the changed version of the files ."(BVDW)

To prevent this from happening, there are two recommended methods. The first way is to cache after the latest change (as soon as the website loads new elements, the server resends them to the browser). The second method is caching based on durability. That means the server determines how long certain elements are stored by the server. This is especially recommended for static elements such as logos, videos, and the source code.

Although this reduces web page load times less than if you cache the whole web page, the user still stays up to date, which is crucial for online stores (sales, new products etc.).

Content Delivery Network (CDN):

A CDN is a system of globally distributed and Internet-connected servers that deliver web content no matter the speed of the server and Internet connectivity. CDN should be mandatory for every online shop. After all, even if a website boasts ideal load speeds in theory and all conditions are ideal, the browser performance can still fail due to a poorly performing or slow Internet connection. CDN provides global Internet connectivity, making worldwide access to the website possible.

Compression:

A fast, if not very elegant solution is compression, meaning the reduction of existing files. Without great technical effort, the file sizes of images, videos, and the source code can be compressed (essentially everything that the browser has to refresh). Though this often involves information loss, it is insignificant and negligible as it is not detected by most users. This will help boost your Google page speed rating relatively quickly. You must be mindful of the respective settings of the various content management systems to prevent too much data loss caused by compression.

Images:

Images are very important in mobile settings since they quickly grab the viewer’s attention. They are essential to make a website attractive but are also crucial to boost sales. But look out: multiple images and large image sizes slow down site loading. A style guide or other proven tools like the before mentioned content delivery network can help in this case, especially when it comes to reducing material without quality loss.

Resources/CMS:

For quite some time, plugins were a great way for non-professionals to work with a website and optimize the backend based on their own objectives. However, these handy plugins use up vast amounts of resources (server and browser in equal parts). This is where script integration can help. It ensures that the content stays the same, while it improves loading speeds and frees up resources.

Prefetching:

Prefetching is a mechanism of preloading (in the browser) of certain links of a website the customer might visit. It’s not the landing page that is preloaded, but rather the next target link the user is likely to click. Having said that, this approach only gives the impression of a fast website. After all, it’s not the actual site that is faster, it’s just the fact that it is simply already waiting in the wings and ready for action. 

Needless to say, speed is not the only aspect you should be working on. There are many other ways to create a better mobile shopping experience for your customers. Find out more in the third installment of our series.

Author: Nora Petig; iXtenso – Magazine for Retailers

related articles:

popular articles:

Thumbnail-Photo: Adidas presents growth strategy ‘Own The Game’ until 2025...
22.03.2021   #e-commerce #digitization

Adidas presents growth strategy ‘Own The Game’ until 2025

Strategic focus on direct-to-consumer, e-commerce, consumer experience

Adidas introduced its new strategy ‘Own the Game’ at a virtual investor & media day. Main strategic focus of ‘Own the Game’ is to strengthen the credibility of the adidas brand, to create a unique consumer experience and ...

Thumbnail-Photo: Vending machines: Customers alone in the store...
18.01.2021   #sales promotion #food retail

Vending machines: Customers alone in the store

Combi City-Markt makes round-the-clock shopping possible – without staff

Shopping after closing time? That’s possible at the Combi City store Bünting in Oldenburg. At the 24/7 vending machine, late at night shoppers have the opportunity to stock up on everything they need from the supermarket's ...

Thumbnail-Photo: Southeast Asian online and offline health and beauty partnership...
06.02.2021   #online trading #e-commerce

Southeast Asian online and offline health and beauty partnership

Grab brings beauty products from over 2,200 Watsons stores to customers’ doorsteps

A.S. Watson Group, an international health and beauty retailer, and Grab, Southeast Asia’s super app, announced the largest O+O (online and offline) health and beauty partnership in Southeast Asia, spanning across six Southeast Asian markets ...

Thumbnail-Photo: The 6 technology trends affecting the security sector in 2021...
15.01.2021   #security #brick and mortar retail

The 6 technology trends affecting the security sector in 2021

The trends are shaped by how and why technologies are used

It’s useful when looking forward to first look backward: hindsight has a wonderful way of providing context for future-gazing activity. And when looking back over the past year, one insight could understandably be that attempting to predict ...

Thumbnail-Photo: Hobbii has knitted a huge business together
01.04.2021   #electronic shelf labels (ESL) #electric displays

Hobbii has knitted a huge business together

The enormous growth has been possible because Hobbii has chosen technology that supports the processes in the warehouse and in the stores.

The yarn company Hobbii is Denmark's fastest-growing company. In a very short time, they have managed to create a huge business that is supported by modern technology and efficient work processes when handling the expected 1.5 million orders in ...

Thumbnail-Photo: BAUHAUS introduces new click and collect technology...
10.03.2021   #electronic shelf labels (ESL) #price labelling

BAUHAUS introduces new click and collect technology

New solution helps store associates pick items for Click & Collect orders

With help from electronic shelf labels and handheld terminals, it has become much faster and easier for BAUHAUS to navigate through the store to find the right items. A new solution that also saves a lot of time on replenishment.With a product range ...

Thumbnail-Photo: The Citizen CT-E651L :  two-in-one label and receipt printing...
04.03.2021   #printers #label printers

The Citizen CT-E651L : two-in-one label and receipt printing

Compact, dynamic and stylish design with outstanding connectivity

Say goodbye to manning separate printing solutions for label and POS as global specialist printer manufacturer, Citizen Systems, announces the all-new CT-E651L label and POS printer. Derived from the successful CT-E651 POS printer, the CT-E651L is a ...

Thumbnail-Photo: Checkout-free hotel convenience store in Yokohama, Japan...
17.02.2021   #self-checkout systems #self service

Checkout-free hotel convenience store in Yokohama, Japan

Using biometric authentication technology

Zippin announced the launch of its latest retail format: a hotel convenience store. Zippin's partner, Fujitsu, the leading systems integrator in Japan, has worked with Koyo Group to implement the world's first checkout-free store within a ...

Thumbnail-Photo: Payments keep going digital and mobile
06.04.2021   #mobile payment #payment systems

Payments keep going digital and mobile

2.7 billion people to use mobile wallet apps by 2022?

As businesses open their doors online, payments solutions adjust to the change – and so do people. In a study conducted for Payvision, Kaleido Intelligence reports on the latest trends and forecasts in mobile wallets usage across the ...

Thumbnail-Photo: How do technologies find their way into retail?...
17.03.2021   #brick and mortar retail #self-checkout systems

How do technologies find their way into retail?

Rolf Schumann, CDO of the Schwarz Group, provides answers at the "Retail Innovation Days"

Tech is cool! Gimmicks, gadgets, gizmos – they impress and inspire quickly. However, it often takes much longer than technology experts and developers initially predict before the technologies actually arrive in everyday life and are used by ...

Supplier

HappyOrNot
HappyOrNot
Innere Kanalstraße 15
40476 Düsseldorf
Reflexis Systems GmbH
Reflexis Systems GmbH
Kokkolastr. 5-7
40882 Ratingen
Citizen Systems Europe GmbH
Citizen Systems Europe GmbH
Otto-Hirsch-Brücken 17
70329 Stuttgart
GLORY Global Solutions (Germany) GmbH
GLORY Global Solutions (Germany) GmbH
Thomas-Edison-Platz 1
63263 Neu-Isenburg
Delfi Technologies GmbH
Delfi Technologies GmbH
Landgraben 75
24232 Schönkirchen
CCV GmbH
CCV GmbH
Gewerbering 1
84072 Au i.d.Hallertau
iXtenso - Magazin für den Einzelhandel
iXtenso - Magazin für den Einzelhandel
Celsiusstraße 43
53125 Bonn
GMO Registry, Inc.
GMO Registry, Inc.
Cerulean Tower, 26-1 / Sakuragaoka-cho, Shibuya-ku,
150-8512 Tokyo
Axis Communications GmbH
Axis Communications GmbH
Adalperostraße 86
85737 Ismaning
EuroShop
EuroShop
Stockumer Kirchstraße 61
40474 Düsseldorf