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: Making Deeper Connections at ISE 2020
21.11.2019   #digital signage #video

Making Deeper Connections at ISE 2020

Visitor registration opens; exciting new features; most conferences ever; opening address confirmed

Visitor registration opens today for ISE 2020, which is set to be the most compelling Integrated Systems Europe show ever. Taking place at the RAI Amsterdam on 11-14 February 2020, ISE is the world’s leading event for the professional systems ...

Thumbnail-Photo: Spar: opening in Copenhagen
30.10.2019   #electronic shelf labels (ESL) #price labelling

Spar: opening in Copenhagen

International Flagship-Store opens for business in Sydhavn, in the South of Copenhagen

On August 22nd, the grocery chain Spar opened its doors to a brand new store with international concepts in the South of Copenhagen area, Sydhavn. The new store offers a modern shopping experience where it should be easy, convenient and enjoyable to ...

Thumbnail-Photo: “Knowledge4Retail”: Artificial intelligence in retail...
09.12.2019   #online trading #e-commerce

“Knowledge4Retail”: Artificial intelligence in retail

Web-based knowledge service for robots

The University of Bremen was extremely successful in the innovation competition “Artificial intelligence as a driving force in economically relevant ecosystems” by the Federal Ministry for Economic Affairs and Energy. The Bremen project ...

Thumbnail-Photo: Enhanced, interactive, virtual – It’s all about the experience!...
21.11.2019   #online trading #customer satisfaction

Enhanced, interactive, virtual – It’s all about the experience!

AR and VR can boost online and offline retail

New technologies permeate all aspects of the retail business, whether it’s self-checkouts, AI or robotics. Virtual and Augmented Reality (VR and AR) are yet other components in this setting. In this interview with iXtenso, Kelly Goetsch, ...

Thumbnail-Photo: Self-service for faster checkout
01.01.2020   #epos systems #brick and mortar retail

Self-service for faster checkout

“Moments that Inspire”: Toshiba shows at EuroShop stationary as well as mobile solutions

In the future, there will be the Frictionless Store – no scanning, no hassle for the consumers. But consumers do not want to wait until this can become reality everywhere. The payment process should already be fast and convenient today.At ...

Thumbnail-Photo: cloud4retail – the revolutionary platform for retailers...
30.01.2020   #software as a service (SaaS) #Trade fair special EuroShop 2020

cloud4retail – the revolutionary platform for retailers

Essential services like price calculations, loyalty or promotions

GK Software SE is reinforcing its claim to be the world’s leading provider of software solutions for the retail sector with its cloud4retail platform. cloud4retail combines what is absolutely essential for a forward-looking solution in one ...

Thumbnail-Photo: A strong team for the POS
18.12.2019   #pos systems #pos software

A strong team for the POS

Founding of neoalto GmbH

POS TUNING, the specialist for the optimized presentation of products at the point of sale, announces the spin-off of the digital services division. The GmbH (LLC), founded in September as neoalto, has already made a name for itself on the market ...

Thumbnail-Photo: Think Different! Thought leadership at ISE 2020...
13.12.2019   #security #digital marketing

Think Different! Thought leadership at ISE 2020

Over 200 specialists to offer expert opinion and insight

Integrated Systems Europe 2020’s professional development programme will feature over 200 leading experts from a wide variety of disciplines and subject areas across five days of keynotes, conferences, masterclasses, workshops and ...

Thumbnail-Photo: CCVStore – Home of your Apps
01.01.2020   #mobile payment #app

CCVStore – Home of your Apps

How Android is revolutionising the way we pay for things

Using a smartphone to pay will sooner or later be a part of everyday life; smartphones are already firmly anchored in the private and working lives of generations X, Y and Z.As consumers rely more and more on smartphones and their countless uses in ...

Thumbnail-Photo: Epta on the podium of the German Design Awards 2020...
10.12.2019   #design #refrigeration cabinets

Epta on the podium of the German Design Awards 2020

Excellent prodcut design with OutFit and Mozaïk, combining functionality and aesthetics

Epta wins the prestigious German Design Award for the second time, the award given to projects that merge functionality and utility, aesthetics and quality. The OutFit family under the Costan brand and Mozaïk under the Bonnet Névé ...

Supplier

APG Cash Drawer (Germany)
APG Cash Drawer (Germany)
Leichtmetallstr. 22a
42781 Haan-Gruiten
POS TUNING Udo Voßhenrich GmbH & Co KG
POS TUNING Udo Voßhenrich GmbH & Co KG
Am Zubringer 8
32107 Bad Salzuflen
SALTO Systems GmbH
SALTO Systems GmbH
Schwelmer Str. 245
42389 Wuppertal
APG Cash Drawer
APG Cash Drawer
4 The Drove
BN9 0LA Newhaven
Axis Communications GmbH
Axis Communications GmbH
Adalperostraße 86
85737 Ismaning
ARNEG S.p.A.
ARNEG S.p.A.
Via Venezia, 58
35010 Marsango di Campo San Martino/PD
Frost-Trol s.a.
Frost-Trol s.a.
Ctra. Valencia-Barcelona, km. 68,9
12080 Castellon
Delfi Technologies GmbH
Delfi Technologies GmbH
Landgraben 75
24232 Schönkirchen
CCV Deutschland GmbH
CCV Deutschland GmbH
Gewerbering 1
84072 Au i.d.Hallertau