What is AMP (Accelerated Mobile Pages)?
IONOS editorial team4 mins
Accelerated Mobile Pages (AMP) take mobile internet surfing to the next level. At least that is the idea behind Google’s recently published technology. This open source project is hosted on the platform GitHub (and will continue to be) and was created to rival similar services offered by the competition, such as Apple News (Apple) and Instant Articles (Facebook). In addition, the projects play a crucial role within the Digital News Initiative (DNI) by promoting digital journalism. How do these new mobile sites work? And who can use them?
What’s behind AMP?
One of the most important characteristics of modern web development is short loading times. Since a large portion of internet traffic now takes place on mobile devices and over a mobile data connection, web developers are constantly on the lookout for ways to optimize mobile display. Accelerated Mobile Pages offer static web content an alternative. These pages are characterized by a special HTML code, which Google refers to as AMP HTML. Articles programmed with this code are loaded in two steps:
- The elementary units of the page (the specified layout) begin to load directly after the user clicks
- Additional content such as text, images, and external resources start to load in the background, depending on the priority. This allows users to scroll through the text before the cover image has even loaded, for example
As well as the AMP HTML code, the project's JavaScript library (AMP JS library), Google AMP Cache, and a sleek CSS (less than 50 KB) are responsible for technical implementation. We explain the special features of the individual components below:
AMP HTML
The HTML code of Accelerated Mobile Pages differs from that of regular HTML pages in that some default tags are replaced with AMP tags. This particularly applies to the labeling of multimedia content that only loads when the user requires it. In the AMP HTML code, for example, the tag <amp-img> appears in place of <img> for image integration. You can find a complete overview of the mobile Google page tags in the AMP project section on GitHub.
AMP JS library
The project’s own JavaScript library is in charge of loading all website elements. All external resources are handled asynchronously, meaning that the rendering process can take place without being disturbed by external influences. The execution of IFrame elements in Sandbox mode is supported, restricting the rights of external operators. Additional performance techniques include pre-calculation of the layout and blocking of slower CSS selectors.
Google AMP Cache
Another option that Google offers is an onsite proxy-based CDN (Content Delivery Network) that delivers Accelerated Mobile Pages. For this purpose, all relevant AMP HTML pages are cached and optimized automatically. All relevant data (such as JavaScript files and images) can be found at a central location through CDN services. The cache additionally uses HTTP/2 and checks mobile site functionality.
What does the use of accelerated mobile pages mean?
To date, Google has aimed its new weapon exclusively at newspaper publishers and blog platforms like WordPress or other operators. Websites using AMP include people.com, eonline.com, and cbsnews.com. Participants who are also listed in the Google Newsfeed have the following advantages through their mobile sites and through a Google search that’s customized to the AMP project:
- Better position in the news overview, since AMP articles are highlighted as ’top stories’
- Decreased bounce rate among mobile users due to quick loading of optimized news
- Better ranking for the website due to excellent mobile optimization, even if the use of Accelerated Mobile Pages isn’t a direct ranking factor according to Google
Who is AMP suitable for?
Modern mobile sites play a crucial role in Google News, meaning all ambitious newspaper publishers and blog operators should see them as a necessary requirement. They benefit from more satisfied readers, a wider reach, and better Google reviews compared to those that don’t optimize their web presence. The workload involved is relatively low: WordPress offers bloggers the option to automatically switch to the AMP version of their website if their blogs are hosted by the WordPress company, Automattic. Switching is a piece of cake for self-hosted blogs with the help of the WordPress AMP plugin. In contrast to most Google services, Accelerated Mobile Pages doesn’t take control of user data, either. Only the cached version (in Google AMP Cache) is outsourced to the company’s server. It is likely that Google will continue to support Accelerated Mobile Pages in the future, which means that this technology is necessary for everyone in the long run if they want to be found on Google. In combination with the excellent speed optimization, mobile websites can be a very worthwhile option, especially when it comes to e-commerce: user experience when digital shopping on mobile devices is sure to become more advanced through the AMP technique.
