A short loading time is a decisive factor for the success or failure, especially for websites used on mobile devices. A growing proportion of internet users use mobile devices for shopping and information gathering on the internet. Recent surveys show that in most cases Internet users switch to another website if the loading process takes more than 3 seconds. For this reason, Accelerated Mobile Pages, AMP for short, were launched in October 2015.
AMP for shorter loading times on mobile devices
Accelerated Mobile Pages is an open-source, cross-platform framework whose development is primarily run on GitHub. Accelerated Mobile Pages are based on a heavily streamlined CSS, a proprietary JS library, the Content Delivery Network (CDN) and customized HTML code with specific tags. The Accelerated Mobile Pages Project is supported by Google. Google’s support is certainly also due to the fact that similar services are already being offered by Facebook with Instant Articles, or by Apple with Apple News.
How is AMP different from traditional websites?
Within the HTML source code, the usual HTML tags are replaced by AMP tags. Overall, the scope of the HTML code is significantly smaller. Content is only loaded when the user needs it and there is only one http request per page view.
The Accelerated Mobile Pages JS library handles external resources asynchronously and manages the loading of all elements of a website. Undisturbed by external influences, the pages are rendered faster. Slow CSS selectors are blocked and running IFrames elements in sandbox mode is supported.
The Google AMP Cache. Optionally, the websites can be delivered via Google’s global, proxy-based Content Delivery Network (CDN). For this purpose, the pages including the JS files and images are stored in the CDN cache, optimized if necessary and checked for functionality. When requested, the website content is output via the HTTP 2.0-based Content Delivery Network.
What is the advantage of AMP?
What are the disadvantages of websites based on AMP?
Who Uses AMP?
The first users were 30 well-known, international publishers and media houses. These include Spiegel Online, FAZ, Sport 1, Bild, Süddeutsche Zeitung and Welt from Germany, to name just a few. WordPress has also been there from the start. Meanwhile, the second CMS bolide Joomla is also part of the game. Extensions are available for both CMS, which support users in the implementation. The number of AMP users, especially from the world of media and large information portals, is growing almost daily. The fast mobile pages result in advantages for all participants, such as better positioning in the news overview, better website rankings and lower user bounce rates.
A look into the future of AMP
Even in the short period of time from its introduction until today, it is becoming very clear that the use of Accelerated Mobile Pages will be indispensable for serious blog operators and media houses, or already is, if they don’t want to be left behind by their competitors. Websites based on the framework have happier users and consistently rank higher in Google’s organic search results. With a probability bordering on certainty, one can assume that AMP will be a basic requirement if one’s own mobile website is to be found on Google. This is especially true given that Google made page speed one of its ranking factors back in 2010. The rapid speed of the AMP will certainly also be an interesting topic for modern e-commerce applications in the future. So we can look forward to the further development and distribution of the Accelerated Mobile Pages.
AMP and WordPress
Plugins are available for WordPress, which should enable easy integration into the content management system. However, since AMP is still a relatively young technology, incompatibilities with the WordPress theme or other plugins can occur. You often only find the right plugin after a little experimenting.
AMP Plugins for WordPress
- AMP for WP – Accelerated Mobile Pages
- AMP Supremacy
- WP AMP Ninja
- WP AMP — Accelerated Mobile Pages for WordPress and WooCommerce