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: Quality and great experiences at irma in Illum...
18.04.2019   #electronic shelf labels (ESL) #labels

Quality and great experiences at irma in Illum

A store with all the best

The customers wanted Irma back and they got that. After two years of absence, Irma has once again opened a store in the basement of ILLUM department store in the late summer of 2018. The new Irma store offers high quality and extra good experiences ...

Thumbnail-Photo: Digital Signage Summit (DSS) Europe
07.05.2019   #digital signage #digitization

Digital Signage Summit (DSS) Europe

iXtenso readers receive a 30% ticket-discount!

The two-day event comprises a comprehensive mix of twin-track conference programme; hands-on workshops; exclusive presentations; numerous networking opportunities and a vendor and service supplier exhibition area.In 2019, DSS Europe returns to the ...

Thumbnail-Photo: Goodbye paper receipts: All documents stored in one app...
16.05.2019   #epos systems #cashpoints, cash register, cash desk

Goodbye paper receipts: All documents stored in one app

What happens when the Receipt Provision Ordinance takes effect? We digitize!

They create a lot of work and endless waste: tons of paper receipts from cash registers end up with customers or the waste bin every day. In early 2020, all consumers must be given a purchase receipt in Germany. That’s what the law mandates. ...

Thumbnail-Photo: retail trends: focus Retail Technology
12.02.2019   #mobile shopping #digital marketing

retail trends: focus "Retail Technology"

Omnichannel commerce, mobile shopping, seamless checkout – technology trends 2019

Would you like to find out about the latest retail technologies and hold something tangible in your hands at the same time?We'll be happy to send you a copy of our print edition retail trends: with the focus on "Retail Technology" ...

Thumbnail-Photo: Top 8 supply chain technology trends in 2019...
07.05.2019   #supply chain management (SCM) #artificial intelligence

Top 8 supply chain technology trends in 2019

Technologies that supply chain leaders simply cannot ignore

Gartner, Inc. has identified the top 8 supply chain technology trends in 2019.Gartner’s top strategic supply chain technology trends have broad industry impact, but have not yet been widely adopted. They might be experiencing significant ...

Thumbnail-Photo: Social commerce 2.0: artificial intelligence detects purchase intention...
18.04.2019   #e-commerce #sustainability

Social commerce 2.0: artificial intelligence detects purchase intention

Choosy analyzes fashion trends on Instagram – and redesigns them

The fashion world moves at lightning speed – and more than ever thanks to the rise of social media. In the past, key trends emerged off the runways twice a year during fashion weeks. Now Instagram et al. set the tone daily thanks to feeds of ...

Thumbnail-Photo: Cameras, comfort and Artificial Intelligence...
09.04.2019   #security #cashpoints, cash register, cash desk

Cameras, comfort and Artificial Intelligence

Video: What self-checkout systems can already offer today

Self-checkout systems are enjoying ever greater acceptance and are regarded as an important future topic for retailers and customers. ...

Thumbnail-Photo: CIE 2019: Chinas premier B2B trade show
04.03.2019   #e-commerce #event

CIE 2019: China's premier B2B trade show

5th International Internet and E-commerce Expo in Shenzhen

CIE 2019, the 5th China (Shenzhen) International Internet and E-commerce Expo, is the premier B2B trade show in China that focuses specifically on internet technologies and e-commerce as well as the related industries. More than 400 exhibitors ...

Thumbnail-Photo: Toshiba: artificial intelligence for frictionless shopping...
21.02.2019   #self-checkout systems #Trade fair special EuroCIS 2019

Toshiba: artificial intelligence for frictionless shopping

AI, edge computing and smart shelf technology at the EuroCIS 2019

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 ...

Supplier

iXtenso - Magazin für den Einzelhandel
iXtenso - Magazin für den Einzelhandel
Celsiusstraße 43
53125 Bonn
POSIFLEX GmbH
POSIFLEX GmbH
Flinger Broich 203
40235 Düsseldorf
SES-imagotag Deutschland GmbH
SES-imagotag Deutschland GmbH
Bundesstraße 16
77955 Ettenheim
ROQQIO Commerce Solutions GmbH
ROQQIO Commerce Solutions GmbH
Harburger Schloßstraße 28
21079 Hamburg
Permaplay Media Solutions GmbH
Permaplay Media Solutions GmbH
Aschmattstr. 8
76532 Baden-Baden
LANCOM Systems GmbH
LANCOM Systems GmbH
Adenauerstraße 20 / B2
52146 Würselen
AURES Technologies GmbH
AURES Technologies GmbH
Maisacherstr. 118
82256 Fürstenfeldbruck
Axis Communications GmbH
Axis Communications GmbH
Adalperostraße 86
85737 Ismaning
EUROEXPO Messe- und Kongress-GmbH
EUROEXPO Messe- und Kongress-GmbH
Joseph-Dollinger-Bogen 9
80807 München