Wednesday, September 19, 2018

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 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.

Amp cache