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: Trend 2019: The digitization of the stationary retail trade...
29.11.2018   #digitization #omnichannel

Trend 2019: The digitization of the stationary retail trade

From retail to omnichannel business model

For stationary retailers, it is no longer enough to think individually about e-commerce or other digital strategies. Instead, the focus is on networking online, mobile and offline channels and implementing a multichannel strategy, the so-called ...

Thumbnail-Photo: Accurate and efficient: Artificial Intelligence for hiring and...
12.12.2018   #personnel management #artificial intelligence

Accurate and efficient: Artificial Intelligence for hiring and recruiting employees

"Other channels are no longer working": Interview with Melikshah Ünver from Taledo

Skilled labor shortage, high turnover rates and the challenges of digitization: recruiting and hiring top-quality employees is especially difficult in the retail sector, particularly when companies must shake off a dull and dusty image. This is when ...

Thumbnail-Photo: Toshiba is the leader in EPOS technology
18.10.2018   #cashpoints, cash register, cash desk #self service terminals

Toshiba is the leader in EPOS technology

Nearly 50 percent growth in self checkout market share

Toshiba Global Commerce Solutions (TGCS), the global market share leader in installed retail point of sale (EPOS) technology, has rapidly-grown its worldwide self-checkout (SCO) market share by 46 percent, according to research and consulting ...

Thumbnail-Photo: Visual search: a picture says more than a thousand words...
21.01.2019   #online trading #e-commerce

Visual search: a picture says more than a thousand words

The new product search using images

Showing a photo of a product is often easier than describing it in words. This also applies to e-commerce. That's why customers can now simply upload and find a picture of a desired product online. ...

Thumbnail-Photo: Absen LED free-standing centrepiece
16.10.2018   #led technology #led lighting

Absen LED free-standing centrepiece

Korean shopping mall sets new retail standard

Situated in Northwest Seoul, Starfield Goyang is the third and latest Starfield mall to open on the outskirts of the South Korean capital, and Starfield’s new shining star. As the largest indoor shopping theme park in Korea’s ...

Thumbnail-Photo: Innovative in-store solution for Dublin university...
10.10.2018   #epos systems #cashpoints, cash register, cash desk

Innovative in-store solution for Dublin university

APG Cash Drawer with Retail Solutions installs SMARTtill Cash Management
Technology

APG Cash Drawer, a fast-growing global manufacturer of cash management solutions, announced today their SMARTtill Intelligent Cash Drawer has been installed in Dublin City University’s (DCU) new Londis store as part of its goal to maximize ...

Thumbnail-Photo: RFID tags with features for the cashierless store...
29.10.2018   #mobile payment #payment systems

RFID tags with features for the cashierless store

Customers can unlock products on their own thanks to smart tags

China and the U.S. already feature cashierless stores but things are coming along in Europe, too. Several startup companies want to eliminate long checkout lines and advertise better retail security tags. We took a closer look at these ...

Thumbnail-Photo: Make room for innovation: Cloud services for agile businesses...
05.10.2018   #data warehouse management #software as a service (SaaS)

Make room for innovation: Cloud services for agile businesses

Implement your retail pilot projects faster than ever. Interview with SAP retail experts.

Leaner, faster, more useful: Cloud solutions help analyze customer information and make meaningful use of it. Ralf Kern and Achim Schneider of the Industry Business Unit Retail at SAP reveal which retailers no longer want to do without the cloud and ...

Thumbnail-Photo: EuroCIS 2019: from the trade fair to the points of sale...
27.11.2018   #digitization #POS Solutions

EuroCIS 2019: from the trade fair to the points of sale

Analogue and digital elements merge in physical retail

Many digital tools presented at EuroCIS over the past few years, have become indispensable to retail today. Which in-store media asserted themselves and what is so special about them? And, beyond this, which tools and technologies have great ...

Thumbnail-Photo: The new connection: Mobile payment via electronic shelf labels...
03.01.2019   #mobile payment #brick and mortar retail

The new connection: Mobile payment via electronic shelf labels

Interview with Alexander Hahn from digital payment service provider Wirecard

It’s a customer’s dream: no more waiting in line at the checkout counter. At this point, consumers can already scan their purchases with their smartphones, pay and leave the store. Wirecard collaborates with SES-imagotag and makes this ...

Supplier

Superdata EDV-Vertrieb GmbH
Superdata EDV-Vertrieb GmbH
Ruhrstr. 90
22761 Hamburg
Elo Touch Solutions NV
Elo Touch Solutions NV
Kolonel Begaultlaan 1C11
3012 Leuven
Permaplay Media Solutions GmbH
Permaplay Media Solutions GmbH
Aschmattstr. 8
76532 Baden-Baden
Allgeier Enterprise Services
Allgeier Enterprise Services
Westerbachstr. 32
61476 Kronberg im Taunus
Delfi Technologies GmbH
Delfi Technologies GmbH
Landgraben 75
24232 Schönkirchen
AURES Technologies GmbH
AURES Technologies GmbH
Maisacherstr. 118
82256 Fürstenfeldbruck
EUROEXPO Messe- und Kongress-GmbH
EUROEXPO Messe- und Kongress-GmbH
Joseph-Dollinger-Bogen 9
80807 München
APG Cash Drawer
APG Cash Drawer
4 The Drove
BN9 0LA Newhaven
Intenta GmbH
Intenta GmbH
Ahornstraße 55
09112 Chemnitz