What the hell is Google AMP?

What the hell is Google AMP?

Google AMP (Accelerated Mobile Pages, accelerated mobile pages) is a legal entity launched by Google to build web pages for static content, provide reliable and fast rendering, and speed up page loading time, especially on mobile The time to view the content on the web.

AMP HTML is built entirely on existing web technologies, by limiting some parts of HTML, CSS and JavaScript to provide reliable performance. These restrictions are enforced through AMP HTML a validator. To compensate for these limitations, AMP HTML defines a series of custom elements that go beyond base HTML to enrich content.

From a technical perspective, the reason why web pages using AMP technology can be opened so quickly is mainly due to the fact that it eliminates various parts of the web page code that may slow down the speed, such as third-party Script files, some HTML tags, ad trackers, etc.

Through the above demonstration of Google AMP dynamic renderings, everyone should know it. If you know Baidu MIP, then You must have heard of Google AMP more or less. After all, Baidu MIP is the domestic version of AMP. With the two major domestic search engines Baidu and Sogou joining the Google AMP open source project, I believe that Google AMP will soon also Come into everyone's sight.

The purpose of AMP

The purpose of AMP is to greatly improve the loading speed of mobile web pages, thereby making it more conducive to visitors' browsing experience. According to Google statistics, if a page on the mobile terminal has not been loaded within 3 seconds, more than 90% of visitors will close the web page or visit other web pages. Therefore, loading time is very important to get effective traffic. However, the current web technology cannot meet the prime time point of loading in 3 seconds. Data from Google shows that the average loading time of mobile pages is currently 8 seconds! This means that the vast majority of websites have lost more than 90% of their effective traffic! . The AMP project was born to enable most pages to load as fast as possible on mobile pages.

It is worth mentioning that the AMP project was originally initiated by Google, but soon received responses from many websites, and gradually evolved into a development trend that has a great influence on natural search. At present, large news websites such as The Wall Street Journal, The New York Times, and the BBC have begun to use AMP technology to accelerate mobile web pages.

The working principle of AMP

The working principle of AMP can be simply summarized as: Code load reduction + cache preloading

Website side : Write the HTML code of the website page completely in accordance with AMP rules, which greatly removes the loading burden of redundant code

Website side : Follow Google AMP rules call JS and CSS, reducing the loading burden of components

Google side: When the page information is written in full compliance with the AMP rules, it is submitted to Google DNS, and Google DNS will The page information is cached in its own Cache server (note: it is Google’s own DNS cache server)

Client: When the user searches for an AMP webpage in the search engine and clicks When , Google will first call the cached data in the DNS cache server to display it to the visitor, so that the visitor can see the information they want to see at the first time.

In this way, AMP pages have greatly improved the loading speed of mobile pages through page load reduction and cache preloading. According to Google data, the loading speed can be increased by four times! In other words, a page that originally took 8 seconds to load, after AMP optimization, only takes 2 seconds to load! This can be said to be a huge improvement!

COMPOSITION OF AMP

AMP (accelerated mobile page) consists of 3 parts in content:

AMP HTML
AMP JS
Google AMP Cache

AMP HTML

The so-called AMP HTML is actually a new set of usage specifications of Google for HTML codes and tags. It mostly inherits the usage methods of general HTML tags, but it also has some new methods of using HTML tags invented by itself.

AMP JS

AMP JS and AMP HTML actually have the same idea, and standardize the use of JS and CSS on AMP pages.

Google AMP Cache

This everyone You can also learn about it yourself. Non-technical people don’t need to know.

The above is the detailed content of What the hell is Google AMP?. For more information, please follow other related articles on the PHP Chinese website!