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?
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:
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:
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.
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.
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.
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:
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.
Are smartphones and tablets the beginning of the end for stationary computers? Many developments confirm this, not just the increasing number of mobile search queries on Google. The mobile first approach follows this trend and places primary importance on creating mobile websites. A slimmer scope and more dynamic layout yield more than just satisfied smartphone users — they boost search result...
In 2023, web designers will leave their creativity free reign, from nostalgic and maximalist designs to smart technical features like parallax scrolling and chatbots. The main challenge here is to incorporate selected components as naturally as possible into your own project. We reveal which web design trends you can expect in 2023.
The internet is becoming increasingly more mobile, which is proving challenging for website operators. There are still many websites which aren’t properly optimized for smartphones and tablets and can only be partly displayed. Since Google’s mobile update, these sites can expect significant visibility losses. Separate mobile websites, adaptive and responsive designs, and mobile plugins for content...
Many businesses invest a lot of time and money into search engine optimization: spending weeks working on keyword strategies, checking links, and working on the site’s technical framework. But then – nothing happens. This could be because mobile SEO has been neglected. It’s important to remember this vital step, since most searches now come through mobile devices, and Google expects website...
Provide powerful and reliable service to your clients with a web hosting package from IONOS.
View packages
