5th September 2018

Headless CMS Can Help Improve Mobile Page Speed

Headless CMS Can Help Improve Mobile Page Speed

For eCommerce sites, there has always been a challenge when it comes to the age-old conflict between beauty and utility. User experience is at the forefront of most developers minds and it is all about providing site visitors with intuitive layouts, sharp and detailed imagery and slick responsive sites. But now when browsing and buying online via mobile, consumers prioritise page loading speed over how pleasant the site is to look at. Google tells us that 40% of users will leave a website if it takes longer than 3 seconds to load. As of July 2018 Google will make page speed a ranking factor in mobile results. The need for speed has never been more pertinent. The race is on for developers to start delivering well-structured front-ends of sites that can load content faster. The good news is, is that help is at hand. There are a number of technologies and approaches site owners can deploy in order to get their page speeds up to scratch, primarily AMP and Headless CMS.

AMP

Accelerated Mobile Pages (AMP) is one way to improve page speed on mobile sites. An open source project supported by Twitter and Google, it has been around for a while but it has a proven track record of improving page speed. The significant downside of AMP is that while it works well when it comes to loading pages that are text heavy, it fails to load quickly pages that are image rich. Although improvements in this area are promised by the developers, AMP has not seen the widespread adoption of its products to the extent that it would have liked. This is also because AMP adds a layer of development complexity – in that it requires a different approach to CSS and JavaScript adding increased development time. A better weapon in the battle for better page speed is definitely Headless CMS.

Headless CMS

Traditional CMS, merges front-end and back-end into one package. Both design and platform is presented as one. Traditional CMS is usually easy to install and easy for the site owner to maintain, however, the site owner is saddled with the fixed technical roadmap the CMS comes with. There is very little lea way for site owners to adapt technical features, which becomes problematic when there is a need to adjust for example page speed. It is hard to incorporate AMP for websites built on traditional CMS. To address these issues, CMS is becoming Headless, which means it is becoming more modular, allowing for greater customisation through the unbundling of the front-end and back-end of the CMS. Headless CMS is gaining in popularity.

What Headless CMS is doing is effectively taking design out of the CMS, meaning site owners can add things like voice-activated speakers and wearables more freely rather than being reliant on the platforms themselves to update to include these features. Headless CMS is the most practical way of updating page speed for mobile. To install it there is no need to dissolve your old CMS, more simply you can use MVC programming to separate the components of applications.

A combination of both AMP to increase page loading and Headless CMS to improve page serving in particular rebuilding front end features is looking like the best way of improving your mobile page speeds. Those sites which are already embracing AMP and Headless CMS are ahead of the game and best placed to increase their rankings and indeed conversions.

London

12th Floor,
6 New Street Square,
London,
EC4A 3BF
© 2018 We Are Superb - Privacy Policy