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