Home Web Front-end H5 Tutorial Why did Google launch the AMP program?

Why did Google launch the AMP program?

Apr 02, 2017 am 11:13 AM
amp Google

Why does Google launch the AMP plan?

Google recently announced a web page acceleration project called AMP to improve the loading speed of mobile web pages. AMP is an open source project. This technology can limit HTML, CSS, JavaScript that may Code that affects web page loading speed. Google said that this technology can help Nexus 5 mobile phones increase web page loading speed by 15% to 85% ( Google AMP and Baidu MIP have an impact on SEO. Impact)

The technical core of this project is AMP HTML, which can minimize HTTP requests and load the content of the entire web page at the same time, but this technology will limit CSS, like animations and scroll bars. Such content may be affected, and content using JavaScript code will not be supported.

Why did Google launch the AMP program?

#Specific problems with the original mobile phone site. What is it?

Before discussing the solution, it’s worth spending a little time exploring the problem. If you do a lot of reading on mobile devices, you probably already know that on mobile phones. Or how poor web-based interactions are on computers. Pages often load slowly, render erratically and interact in strange ways. This is mainly due to the following two reasons:

thirdpartyinterference

The insertion of advertisements and some tracking and analysis technologies increases the size of the page and increases the number of requests, even if the user is holding a computer with limited bandwidth and CPU processing Device. Moreover, the page often behaves as if it is just for advertising, inserting multiple document.write() call functions. The New York Times recently conducted a test that showed that the page size increased after installing content blocking software on iOS phones. Huge reduction in battery life and increase in battery life. But this also causes them to consume a lot of desktop display resources when displayed on mobile phones. When Paul Irish investigated Reddit's performance, he found that a large part of the overhead can be traced to the use of svg rendering for Reddit's mascot. , so that it can display animation effects when the mouse is hovered (based on a third-party library, which means high overhead) - this is not often the case where resources can be found on mobile devices

According to Facebook. According to the survey (PDF, 3.4 MB), the average load time for an article on mobile devices is 8 seconds. This is the world of Facebook Instant Articles, Apple News, and AMP. Taking eight seconds to load is obviously an exaggeration. , which is enough for you to browse a second Vine video. Objectively speaking, by today's standards, it seems to take forever to load.

How AMP is Different

Some background on how AMP and Facebook Instant Articles differ from Apple News will point out what Google is doing for its new digital publishing initiative Decide.

Facebook Instant Articles and Apple News have the following in common:

In-app experience

Readers pass Facebook software on your phone to access Facebook Instant Articles, while Apple News uses a completely separate app in iOS 9. Neither platform allows users to read their articles outside of the app. You can think of them as a specially designed RSS update application.

Syndication Drive

However Facebook and Apple adopt different syndication formats (Apple News format is based on JOSN, while Instant Articles markup is more or less tagged with HTML in an RSS feed), they are all based on the same principle: trick the content management system into generating the necessary syndication formats, and then Facebook and Apple will work non-stop to extract, parse, and make them beautiful. , followed by quick custom rendering.

experience-oriented

While Facebook Instant Articles and Apple News both focus on performance, they also focus on making articles look more modern. Both platforms have components that allow us to create sleek and fluid interfaces, which generally results in a customizable, hand-crafted reading experience.

In contrast, AMP has another focus:

Web page-based experience

AMP files are designed The result can be rendered on browsers and WebViews.

Atomized Files

Although AMP files need to be validated, parsed, and partially rendered during the AMP runtime, they are cached on your server or CDN completely independent files, rather than some source data sets that may be converted into articles at some point and rendered on the APP.

Performance-oriented

Compared with interaction mode or aesthetic elements, AMP pays more attention to performance. That’s not to say that AMP files are all tinny (when they use the right styling, they can be as engaging as Facebook Instant Articles or Apple News), but rather than offering fancy visuals like crazy little things, They are more concerned about how to render articles faster.

Google now uses AMP HTML for its search products. Although there are still some limitations to the technology, Google said that 30 publishers and technology companies have participated in the project, including the BBC, The New York Times, and Buzzfeed.

Although these initial technical parameters may be changed, AMP’s technical specifications have been published on Github for websites to try.

Google is currently working hard to improve its mobile reading experience. Although this technology still has some shortcomings, mobile terminals account for 37% of traffic, which will attract more and more websites to join the AMP program. Currently Baidu, Sogou, and Yahoo have officially supported AMP!


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

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Hot Topics

Java Tutorial
1662
14
PHP Tutorial
1262
29
C# Tutorial
1234
24
Sesame Open Door Exchange Web Page Login Latest version gateio official website entrance Sesame Open Door Exchange Web Page Login Latest version gateio official website entrance Mar 04, 2025 pm 11:48 PM

A detailed introduction to the login operation of the Sesame Open Exchange web version, including login steps and password recovery process. It also provides solutions to common problems such as login failure, unable to open the page, and unable to receive verification codes to help you log in to the platform smoothly.

Top 10 recommended for crypto digital asset trading APP (2025 global ranking) Top 10 recommended for crypto digital asset trading APP (2025 global ranking) Mar 18, 2025 pm 12:15 PM

This article recommends the top ten cryptocurrency trading platforms worth paying attention to, including Binance, OKX, Gate.io, BitFlyer, KuCoin, Bybit, Coinbase Pro, Kraken, BYDFi and XBIT decentralized exchanges. These platforms have their own advantages in terms of transaction currency quantity, transaction type, security, compliance, and special features. For example, Binance is known for its largest transaction volume and abundant functions in the world, while BitFlyer attracts Asian users with its Japanese Financial Hall license and high security. Choosing a suitable platform requires comprehensive consideration based on your own trading experience, risk tolerance and investment preferences. Hope this article helps you find the best suit for yourself

Tutorial on how to register, use and cancel Ouyi okex account Tutorial on how to register, use and cancel Ouyi okex account Mar 31, 2025 pm 04:21 PM

This article introduces in detail the registration, use and cancellation procedures of Ouyi OKEx account. To register, you need to download the APP, enter your mobile phone number or email address to register, and complete real-name authentication. The usage covers the operation steps such as login, recharge and withdrawal, transaction and security settings. To cancel an account, you need to contact Ouyi OKEx customer service, provide necessary information and wait for processing, and finally obtain the account cancellation confirmation. Through this article, users can easily master the complete life cycle management of Ouyi OKEx account and conduct digital asset transactions safely and conveniently.

How to register and download the latest app on Bitget official website How to register and download the latest app on Bitget official website Mar 05, 2025 am 07:54 AM

This guide provides detailed download and installation steps for the official Bitget Exchange app, suitable for Android and iOS systems. The guide integrates information from multiple authoritative sources, including the official website, the App Store, and Google Play, and emphasizes considerations during download and account management. Users can download the app from official channels, including app store, official website APK download and official website jump, and complete registration, identity verification and security settings. In addition, the guide covers frequently asked questions and considerations, such as

Detailed tutorial on how to register for binance (2025 beginner's guide) Detailed tutorial on how to register for binance (2025 beginner's guide) Mar 18, 2025 pm 01:57 PM

This article provides a complete guide to Binance registration and security settings, covering pre-registration preparations (including equipment, email, mobile phone number and identity document preparation), and introduces two registration methods on the official website and APP, as well as different levels of identity verification (KYC) processes. In addition, the article also focuses on key security steps such as setting up a fund password, enabling two-factor verification (2FA, including Google Authenticator and SMS Verification), and setting up anti-phishing codes, helping users to register and use the Binance Binance platform for cryptocurrency transactions safely and conveniently. Please be sure to understand relevant laws and regulations and market risks before trading and invest with caution.

How to optimize jieba word segmentation to improve the keyword extraction effect of scenic spot comments? How to optimize jieba word segmentation to improve the keyword extraction effect of scenic spot comments? Apr 01, 2025 pm 06:24 PM

How to optimize jieba word segmentation to improve keyword extraction of scenic spot comments? When using jieba word segmentation to process scenic spot comment data, if the word segmentation results are ignored...

Ouyi okx official version download APP entrance Ouyi okx official version download APP entrance Mar 04, 2025 pm 11:24 PM

This article provides the latest download information about the official version of Ouyi OKX. This article will guide readers on how to securely and conveniently access the exchange's Android and iOS apps. This article contains step-by-step instructions and important tips designed to help readers easily download and install the Ouyi OKX app.

Tutorial on using gate.io mobile app Tutorial on using gate.io mobile app Mar 26, 2025 pm 05:15 PM

Tutorial on using gate.io mobile app: 1. For Android users, visit the official Gate.io website and download the Android installation package, you may need to allow the installation of applications from unknown sources in your mobile phone settings; 2. For iOS users, search "Gate.io" in the App Store to download.

See all articles