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: Behind the curtain: Inside Amazon
18.05.2020   #online trading #marketing

Behind the curtain: Inside Amazon

A Frankfurt startup helps sellers to improve their ranking on the platform

"I want to successfully promote and sell my products on Amazon" - that's the goal of many sellers. It comes as no surprise as the Seattle-based online store has evolved to become the largest e-commerce marketplace in Europe since its ...

Thumbnail-Photo: Europe to dominate open banking implementation...
26.05.2020   #mobile payment #payment systems

Europe to dominate open banking implementation

Instant messaging users to reach 4.3 billion in 2020, as new payment services emerge

A new study from Juniper Research found that the number of instant messaging users will reach 4.3 billion in 2020, rising from 3.9 billion in 2019. This is a growth of 9 percent year-on-year, largely driven by an increased need for remote ...

Thumbnail-Photo: Reflexis successfully expands into Baltic region by signing Maxima Latvia...
08.07.2020   #POS communications #workforce deployment

Reflexis successfully expands into Baltic region by signing Maxima Latvia

Region’s leading retail chain chooses workforce management solution

Reflexis Systems, the leading provider of intelligent workforce management and execution solutions for multi-site businesses in retail, food service, hospitality and banking, today announced that Maxima, one of the largest Latvian retail chains, has ...

Thumbnail-Photo: RetailTech Lab opened a national test center in Denmark...
23.06.2020   #payment systems #marketing research

RetailTech Lab opened a national test center in Denmark

The store of the future has opened in Lyngby. One of the partners is the IT company Delfi Technologies.

On June 16, 2020, RetailTech Lab opened its doors to a national test center in the Danish mall “Lyngby Storcenter”. New technology for the retail industry will be tested in close interaction between entrepreneurs, retailers and ...

Thumbnail-Photo: Digital access controls support distancing requirements in the era of...
06.07.2020   #brick and mortar retail #retail

Digital access controls support distancing requirements in the era of Corona

Essential staff are relieved and the risk of infection is reduced

Since the beginning of the pandemic, larger supermarkets and discounters have been imposing entrance restrictions to ensure that only a certain number of people are allowed within their Stores. Usually the access management is carried out by ...

Thumbnail-Photo: World’s first convenience store retrofitted with AI technology...
14.08.2020   #video surveillance #video cameras

World’s first convenience store retrofitted with AI technology

Standard Cognition to provide Circle K with autonomous checkout

Standard (“Standard Cognition”) announced that Alimentation Couche-Tard, a company that operates close to 14,500 convenience stores worldwide, including under the global brand Circle K, has selected Standard to pilot touchless, ...

Thumbnail-Photo: Quantity discount on the WIMIsys PT51!
05.08.2020   #POS systems #displays

Quantity discount on the WIMIsys PT51!

From now until September 30th: 10% discount on the WIMIsys PT51 POS System when purchased together with a Swissbit TSE solution

Are you looking for TSE compliant POS solution for your customers in bakery, restaurant or retail shop? ...

Thumbnail-Photo: Bright future for Copenhagen-based Irma Store...
15.06.2020   #electronic shelf labels (ESL) #price labelling

Bright future for Copenhagen-based Irma Store

Automatic price updates with ESL

Irma Smedetoften is located in the heart of Copenhagen's Northwest Quarter. The area around the Irma store is part of an urban development project where, among other things, the local trade district will be strengthened. Irma has also recently ...

Thumbnail-Photo: Creative criminal meets intelligent security system...
28.05.2020   #security #brick and mortar retail

Creative criminal meets intelligent security system

Interview with Ralph Siegfried, Business Development Manager at Axis Communications GmbH

Stores come in different sizes, have different settings and vary in product selection. That’s also why they need a customized loss prevention and security solution. What are some options for retailers and what key elements do they need to ...

Thumbnail-Photo: Disposition and shelf maintenance in times of Corona...
19.08.2020   #POS marketing #shop equipment

Disposition and shelf maintenance in times of Corona

Tools for shelf management

The CPG industry is currently experiencing turbulent times just as much as retail. Challenges such as the ban on field sales force visits or the sudden increase in demand for some articles, which leads to gaps in the shelf and loss of sales, are ...

Supplier

Apostore GmbH
Apostore GmbH
Uferstraße 10
45881 Gelsenkirchen
APG Cash Drawer
APG Cash Drawer
4 The Drove
BN9 0LA Newhaven
CCV GmbH
CCV GmbH
Gewerbering 1
84072 Au i.d.Hallertau
Adasys GmbH – a Poindus Company
Adasys GmbH – a Poindus Company
Max-Planck-Straße 10
70806 Kornwestheim
Delfi Technologies GmbH
Delfi Technologies GmbH
Landgraben 75
24232 Schönkirchen
Reflexis Systems GmbH
Reflexis Systems GmbH
Kokkolastr. 5-7
40882 Ratingen
SALTO Systems GmbH
SALTO Systems GmbH
Schwelmer Str. 245
42389 Wuppertal
Poindus HQ - Taiwan
Poindus HQ - Taiwan
5F., No.59, Ln. 77, Xing-Ai Rd.,Neihu Dist.
Taipei City 114
POS TUNING Udo Voßhenrich GmbH & Co KG
POS TUNING Udo Voßhenrich GmbH & Co KG
Am Zubringer 8
32107 Bad Salzuflen