Why did Google launch the AMP program?
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.
#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!
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
1659
14
1415
52
1310
25
1258
29
1232
24
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.
Sesame Open Door Exchange Web Page Registration Link Gate Trading App Registration Website Latest
Feb 28, 2025 am 11:06 AM
This article introduces the registration process of the Sesame Open Exchange (Gate.io) web version and the Gate trading app in detail. Whether it is web registration or app registration, you need to visit the official website or app store to download the genuine app, then fill in the user name, password, email, mobile phone number and other information, and complete email or mobile phone verification.
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
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.
Sesame Open Door Trading Platform Download Mobile Version Gateio Trading Platform Download Address
Feb 28, 2025 am 10:51 AM
It is crucial to choose a formal channel to download the app and ensure the safety of your account.
The latest download address of Bitget in 2025: Steps to obtain the official app
Feb 25, 2025 pm 02:54 PM
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
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
Why is Bittensor said to be the 'bitcoin' in the AI track?
Mar 04, 2025 pm 04:06 PM
Original title: Bittensor=AIBitcoin? Original author: S4mmyEth, Decentralized AI Research Original translation: zhouzhou, BlockBeats Editor's note: This article discusses Bittensor, a decentralized AI platform, hoping to break the monopoly of centralized AI companies through blockchain technology and promote an open and collaborative AI ecosystem. Bittensor adopts a subnet model that allows the emergence of different AI solutions and inspires innovation through TAO tokens. Although the AI market is mature, Bittensor faces competitive risks and may be subject to other open source
