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: Robots in retail: producer and salesperson all-in-one at the fully...
15.03.2019   #artificial intelligence #personalization

Robots in retail: producer and salesperson all-in-one at the fully automated kiosk

Interview with Matthias Krinke, Managing Director of pi4_robotics GmbH

At Berlin’s shopping mall Bikini Berlin, we meet the robot “Gisela”. The robot’s designer Matthias Krinke sat down with us and explained what she can do and revealed what the retail industry can expect from her and her ...

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: Interactive networking for true sales success...
06.03.2019   #digital signage #pos marketing

Interactive networking for true sales success

Smart distribution of video content at the POS

Modern retail marketing is all about communicating the right offers to the customers at the right time and in the right place. “In order to ensure the greatest possible efficiency and sales speed, for example during campaigns and special ...

Thumbnail-Photo: Pioneering spirit in online retail: participation is welcomed...
27.02.2019   #online trading #food delivery service

Pioneering spirit in online retail: participation is welcomed

The startup company myEnso from Bremen shows how an online supermarket can be successful

Modern pioneers: At myEnso, customers have a say in the store’s product selection. The online store continues to evolve with its customers and focuses on quality, sustainability and an innovative spirit.We spoke with Isabella Henrichs and ...

Thumbnail-Photo: Toshiba spotlights new innovations for empowering retail...
21.01.2019   #mobile payment #payment systems

Toshiba spotlights new innovations for empowering retail

Showcasing its latest solutions, services and innovative concepts at hall 9 booth B42

Visitors to EuroCIS 2019 will learn at Toshiba's booth how every retailer can design his checkout to suit his and the customers' needs. Under the motto "Empowering the Art of Retail", Toshiba will present its end-to-end IT ...

Thumbnail-Photo: APG Cash Drawer announces hire of connectivity product manager...
08.03.2019   #cashpoints, cash register, cash desk #POS Solutions

APG Cash Drawer announces hire of connectivity product manager

They make addition to product management team to expand its product portfolio

APG Cash Drawer, a fast-growing global manufacturer of cash management solutions, announced today the addition of Ron Stephenson to the position of Connectivity Product Manager. In his role, Ron will spearhead the company’s mobility, interface ...

Thumbnail-Photo: First-hand packaging technology
01.02.2019   #event #packaging

First-hand packaging technology

LogiMAT 2019 in Stuttgart

In response to new regulations, packaging industry exhibitors at the 17th LogiMAT are showcasing new developments and innovations in machine technology, methods for reducing the use of traditional materials, and brand-new materials.As people become ...

Thumbnail-Photo: ISE 2019 to showcase the finest in international AV...
29.11.2018   #event

ISE 2019 to showcase the finest in international AV

All the connections you need at the world’s largest systems integration exhibition

The 2019 edition of Integrated Systems Europe is set to be the largest in the show’s history, with more exhibitors, more floor space, more visitors and more events than ever before. ISE 2019 takes place at the RAI Amsterdam from Tuesday 5 ...

Thumbnail-Photo: Store Transformation drives Self-Service Technology...
08.01.2019   #Trade fair special EuroCIS 2019

Store Transformation drives Self-Service Technology

Self-Checkout Solutions at EuroCIS 2019

The annual “Global EPOS and Self-Checkout” report care of London-based market research and consulting firm RBR shows what is happening around the globe at self-service checkouts. According to the report, retailers worldwide ...

Thumbnail-Photo: Self-service sells
08.02.2019   #touch screens #kiosk terminals

Self-service sells

Kiosks represent an important part of retail’s future

Self-service is growing exponentially in all areas of retail, hotels, restaurants, healthcare and banking environments. Customers increasingly expect self-service technology options and traditional brick-and-mortar stores are no exception. Retailers ...

Supplier

MobiMedia AG
MobiMedia AG
Rottpark 24
84347 Pfarrkirchen
Allgeier Enterprise Services
Allgeier Enterprise Services
Westerbachstr. 32
61476 Kronberg im Taunus
Delfi Technologies GmbH
Delfi Technologies GmbH
Landgraben 75
24232 Schönkirchen
LANCOM Systems GmbH
LANCOM Systems GmbH
Adenauerstraße 20 / B2
52146 Würselen
CCV Deutschland GmbH
CCV Deutschland GmbH
Gewerbering 1
84072 Au i.d.Hallertau
SES-imagotag Deutschland GmbH
SES-imagotag Deutschland GmbH
Bundesstraße 16
77955 Ettenheim
Permaplay Media Solutions GmbH
Permaplay Media Solutions GmbH
Aschmattstr. 8
76532 Baden-Baden
iXtenso - Magazin für den Einzelhandel
iXtenso - Magazin für den Einzelhandel
Celsiusstraße 43
53125 Bonn
AURES Technologies GmbH
AURES Technologies GmbH
Maisacherstr. 118
82256 Fürstenfeldbruck
Intenta GmbH
Intenta GmbH
Ahornstraße 55
09112 Chemnitz