Wednesday, September 19, 2018
Accelerated Mobile Pages / Google amp
Amp is the best open source library to creating a web pages. It is supported to all current browsers Because most AMP pages are easily discoverable by web crawlers. Search engines and other referring websites can choose to link to the AMP webpage instead of the standard others. Amp document must have Amp Tags
Amp core components
Amp html
AMP HTML is look like standard HTML with some restrictions for reliable performance.
AMP HTML is basically HTML extended with custom AMP properties.
Mostly amp tags are looking like html tags , some html5 tags replace with Amp tags
Example: <amp-animation id="hideAnim" layout="nodisplay">
<script type="application/json">
{
"duration": "200ms",
"fill": "both",
"iterations": "1",
"direction": "alternate",
"animations": [
{
"selector": "#scrollToTopButton",
"keyframes": [
{ "opacity": "0", "visibility": "hidden" }
]
}
]
}
</script>
</amp-animation>
Amp js
Amp web pages using AMP JS library, It is used to the fast rendering of AMP HTML pages. Main Amp js
Amp cache
AMP Cache used google amp cache. It is a proxy-based content delivery network. It fetches AMP HTML pages, caches them, and improves page performance automatically.
Amp growth
- In February 2017, a year after the public launch of AMP, Adobe reported AMP pages accounted for 7% of all web traffic for top publishers in the United States.
- In May 2017, Google reported 900,000 web domains were publishing AMP pages with more than two billion AMP pages published globally.
- In June 2017 Twitter started linking to AMP pages from its iOS and Android apps.
Why Amp
The AMP is an open-source. it is aiming to make the web page loader fast.Using amp creation of websites and ads that are consistently fast, beautiful and high-performing across all devices and all major browsers.
Subscribe to:
Comments (Atom)
Amp cache
-
Amp cache
-
Accelerated Mobile Pages / Google amp Amp is the best open source library to creating a web pages. It is supported to all current browse...