SlideShare a Scribd company logo
Accelerated Mobile
Pages (AMP)
The Next Revolution in Mobile
Development
Accelerated Mobile Pages (AMP) The Next Revolution in Mobile Web Development
Description Aout AMP
In old days, publishers were worried about their website
speed in desktop only, but now they worry about their
website speed in mobile and tablets.The reason being,
now smartphones and tablets have become the king of
browsing traffic. According to Google data, the share of
mobile web browsing traffic expends to 52.3%.
Use of external js files and high-quality images make
mobile speed slower. If the mobile browser pages are
not loading quickly, it can discourage users and they can
leave even before your content is completely loaded. So
It is good to optimize your web pages for mobile users.

Recommended for you

Great Lakes Area .Net UG: Optimize .Net Azure App Services
Great Lakes Area .Net UG: Optimize .Net Azure App ServicesGreat Lakes Area .Net UG: Optimize .Net Azure App Services
Great Lakes Area .Net UG: Optimize .Net Azure App Services

Check out more on my blog at: https://www.mcbeev.com/ Azure App Services are basically the de facto standard as the best possible way to deploy and host a .Net Framework or .Net Core application, period. You can argue with me until you are blue in the face about other hosting methods or platforms, but you would still be wrong. However, utilizing an Azure App Service as your hosting method is not the same as utilizing standard IIS, especially when it comes to optimization. During the session we will deploy a .Net Core MVC application to Azure, determine an initial baseline for performance, and then walk through how to configure various properties and server-side configurations that make that site blazing fast.

azureazureappserviceskontent
Google AMP - What is it and is it right for your website? SLCSEM, Oct 2016
Google AMP - What is it and is it right for your website? SLCSEM, Oct 2016Google AMP - What is it and is it right for your website? SLCSEM, Oct 2016
Google AMP - What is it and is it right for your website? SLCSEM, Oct 2016

Is it too early to begin thinking about Google AMP outside of the Google news carousel? I’ll take you through the commons pitfalls of AMP and some of the results publishers are seeing.

google newspublishingamp
Amp your site: An intro to accelerated mobile pages
Amp your site: An intro to accelerated mobile pagesAmp your site: An intro to accelerated mobile pages
Amp your site: An intro to accelerated mobile pages

This document introduces Accelerated Mobile Pages (AMP). It discusses how AMP addresses the problems of slow mobile page speeds and inconsistent user experiences by making pages load near-instantly. AMP uses HTML, CSS and JavaScript to simplify pages and optimize resources. The AMP cache hosted by Google further improves speeds by serving validated AMP pages from a global proxy. In summary, AMP aims to make mobile pages fast, easy to implement and embrace open web standards.

performanceamp mobilemobile
As mobile browsing is increasing day by day,
Google provided a solution to the publishers
for their mobile website problems by
launching Project AMP, or Amp Mobile Pages.
In short AMP Website was created so that
publishers can load their amp web pages
more quickly and fast in mobile devices
WHAT IS AMP Accelerated Mobile Pages
(AMP) is an open source
project powered by Google
which helps publishers and
web developers to create
mobile friendly and mobile
optimized web pages which
load instantly.
Accelerated Mobile Pages
The main concept of Accelerated Mobile Pages (AMP) is to load
readable text content in web page first and then load additional
content like images, ads, scripts after the remainder of the page
has rendered. Accelerated Mobile Pages (AMP Google) blocks
external and unwanted JavaScript code to load web page near-
instantaneously. Read More about Advantages of Accelerated
Mobile Pages
HOW AMP
WORKS?

Recommended for you

Google's AMP project for web users
Google's AMP project for web usersGoogle's AMP project for web users
Google's AMP project for web users

A brief guide to how Google's new Accelerated Mobile Pages (aka AMP) are displayed and navigated. Includes details on the fundamental change to how Google AMP pages differ to ‘normal’ search results.

googleseomobile marketing
Accelerated Mobile Pages - WordCamp Kansas City
Accelerated Mobile Pages - WordCamp Kansas CityAccelerated Mobile Pages - WordCamp Kansas City
Accelerated Mobile Pages - WordCamp Kansas City

AMP is an open spec for lightweight, mobile-friendly pages. You can use it as the mobile view on your site, and having it enabled actually allows the AMP version of your page to be used by Google for search previews and in other places on their platform. In addition, many SEO experts recommend adopting AMP as Google is likely to reward those who do in terms of rankings. You will learn why AMP is important, how to easily add it to your WordPress site, and different techniques you can use to customize it to your specific needs.

google ampkansas citygoogle
AMP and PWA
AMP and PWAAMP and PWA
AMP and PWA

The document discusses different ways that AMP (Accelerated Mobile Pages) content can be used within progressive web apps. It describes AMP as a progressive web app by itself through the use of features like the service worker registration. It also explores using AMP pages within progressive web apps by rendering AMP content in a shadow DOM to avoid performance issues. The document provides examples of how AMP content could be fetched and displayed within a progressive web app for navigation. It emphasizes that AMP aims to provide ultra-portable, embeddable content units that can enhance progressive web apps.

#pwa#tech
AMP is a framework for creating mobile web pages. It
basically consists of three parts
AMP HTML Code is new markup language inherited from
parent language HTML with many custom tags and
properties like amp-i frame, amp-script, amp-images etc. if
you are familiar with HTML then you are ready to go
converting your web page into Google AMP pages with AMP
HTML. For more details of amp tags, you can check AMP
Project’s list.
AMP HTML
AMP JS
It is a JavaScript framework for mobile web pages; An
important function is to manage resource handling and
asynchronous loading of page content. But you cannot use
third party java-script file or your own custom java-script
code in AMP framework because it is not permitted.
AMP CDN
A Content Delivery Network caches your AMP pages and
automatically makes some performance optimizations.

Recommended for you

Integrating Accelerated Mobile Pages (AMP) In Drupal Websites
Integrating Accelerated Mobile Pages (AMP) In Drupal WebsitesIntegrating Accelerated Mobile Pages (AMP) In Drupal Websites
Integrating Accelerated Mobile Pages (AMP) In Drupal Websites

Quick Fact: Google gives the higher ranking to the websites that meet the AMP requirement. As it provides better mobile experience to the users.

drupal specialistdedicated drupal developersdrupal websites
AMP up Your WordPress Site
AMP up Your WordPress SiteAMP up Your WordPress Site
AMP up Your WordPress Site

1. What is AMP 2. Why should you care about AMP 3. The AMP way of doing things 4. How to get started with AMP 5. Additional resources

wordpressampgoogle
google amp pages
google amp pagesgoogle amp pages
google amp pages

Creating Google AMP Pages allows websites to load faster on mobile and desktop. AMP (Accelerated Mobile Pages) requires rewriting pages in HTML, CSS, and JavaScript to meet speed requirements. Websites create AMP versions of pages that are validated and cached by Google. When users search on mobile, AMP versions may load up to 10x faster than regular pages. AMP works best for static content like news articles and blogs but may not be needed if pages already load quickly. Websites must maintain original and AMP versions of pages and add metadata to link between them.

google ampamp pages
HOW ARE AMP PAGES LOADING SO
FASTS?
HOW ARE AMP PAGES LOADING SO
FASTS?
7 important ways by
which AMP making page
load so fast are as
follows :
It executes all JS code asynchronously to avoid delaying page rendering. Amp blocks author-written
javascript and provides its own java-script to handle page features.
In AMP, it is important to state the sizes of external resources such as images, ads or I frames in the
HTML so that it can measure each resource size and position before resources are downloaded.
In Google AMP pages, only inline styles are allowed. By this, it removes multiple external CSS and style
files HTTP requests from the rendering path compared to most web pages.
AMP accelerated mobile pages controls all resource downloads: it prioritizes resource loading, loading only
what’s needed, and use lazy-loading method to download resources.
AMP Sites doesn’t let extension mechanisms block page rendering. AMP supports extensions like light
boxes, Instagram embeds, tweets, etc.
Web fonts are super large, so webfont optimization is crucial to performance. The AMP system declares
zero HTTP requests until fonts start downloading.
The new connect API is used to ensure HTTP requests are as fast as possible when they are made. With
this, a page can be rendered before the user explicitly states they’d like to navigate to it; the page might
already be available by the time the user actually selects it, leading to instant loading.
Article Source : https://goo.gl/oEdZGH
FOLLOW US ON:
NotifyVisitors

Recommended for you

Amp Overview #YGLF 2016
Amp Overview #YGLF 2016Amp Overview #YGLF 2016
Amp Overview #YGLF 2016

An overview of Accelerated Mobile Pages Project. See how you can leverage this important open source project today in production and improve your sites' performance and the happiness of your users.

mobile webweb developmentamp
Amp your site an intro to accelerated mobile pages
Amp your site  an intro to accelerated mobile pagesAmp your site  an intro to accelerated mobile pages
Amp your site an intro to accelerated mobile pages

Accelerated Mobile Pages (AMP) is a framework for building web pages that are optimized for mobile devices. It addresses issues like slow load times and poor user experiences on mobile by simplifying pages and parallelizing resource loading. AMP pages use HTML, CSS and JavaScript to load quickly. They are cached globally through Google's AMP Cache for fast delivery. Publishers can easily implement AMP pages and monetize them while embracing an open web.

amp mobile
Performance-driven websites with AMP - NeosCon May 2019
Performance-driven websites with AMP - NeosCon May 2019Performance-driven websites with AMP - NeosCon May 2019
Performance-driven websites with AMP - NeosCon May 2019

Principles of AMPhtml within TYPO3 CMS built by an example of b13.com. From NeosCon 2019 on May 11th, 2019 by @bennimack

amphtmltypo3neos

More Related Content

What's hot

Amp it UP! Using Google Accelerated Mobile Pages with WordPress - WordCamp An...
Amp it UP! Using Google Accelerated Mobile Pages with WordPress - WordCamp An...Amp it UP! Using Google Accelerated Mobile Pages with WordPress - WordCamp An...
Amp it UP! Using Google Accelerated Mobile Pages with WordPress - WordCamp An...
Mike Hale
 
Google AMP (Accelerated Mobile Pages)
Google AMP (Accelerated Mobile Pages)Google AMP (Accelerated Mobile Pages)
Google AMP (Accelerated Mobile Pages)
Chitpong Wuttanan
 
AMP - Accelerated Mobile Pages
AMP - Accelerated Mobile PagesAMP - Accelerated Mobile Pages
AMP - Accelerated Mobile Pages
Ido Green
 
Great Lakes Area .Net UG: Optimize .Net Azure App Services
Great Lakes Area .Net UG: Optimize .Net Azure App ServicesGreat Lakes Area .Net UG: Optimize .Net Azure App Services
Great Lakes Area .Net UG: Optimize .Net Azure App Services
Brian McKeiver
 
Google AMP - What is it and is it right for your website? SLCSEM, Oct 2016
Google AMP - What is it and is it right for your website? SLCSEM, Oct 2016Google AMP - What is it and is it right for your website? SLCSEM, Oct 2016
Google AMP - What is it and is it right for your website? SLCSEM, Oct 2016
Jesse Semchuck
 
Amp your site: An intro to accelerated mobile pages
Amp your site: An intro to accelerated mobile pagesAmp your site: An intro to accelerated mobile pages
Amp your site: An intro to accelerated mobile pages
Robert McFrazier
 
Google's AMP project for web users
Google's AMP project for web usersGoogle's AMP project for web users
Google's AMP project for web users
Peter Knight
 
Accelerated Mobile Pages - WordCamp Kansas City
Accelerated Mobile Pages - WordCamp Kansas CityAccelerated Mobile Pages - WordCamp Kansas City
Accelerated Mobile Pages - WordCamp Kansas City
Jeremy Green
 
AMP and PWA
AMP and PWAAMP and PWA
AMP and PWA
Eun Cho
 
Integrating Accelerated Mobile Pages (AMP) In Drupal Websites
Integrating Accelerated Mobile Pages (AMP) In Drupal WebsitesIntegrating Accelerated Mobile Pages (AMP) In Drupal Websites
Integrating Accelerated Mobile Pages (AMP) In Drupal Websites
Excellent Webworld
 
AMP up Your WordPress Site
AMP up Your WordPress SiteAMP up Your WordPress Site
AMP up Your WordPress Site
Prem Tiwari
 
google amp pages
google amp pagesgoogle amp pages
Amp Overview #YGLF 2016
Amp Overview #YGLF 2016Amp Overview #YGLF 2016
Amp Overview #YGLF 2016
Ido Green
 
Amp your site an intro to accelerated mobile pages
Amp your site  an intro to accelerated mobile pagesAmp your site  an intro to accelerated mobile pages
Amp your site an intro to accelerated mobile pages
Robert McFrazier
 
Performance-driven websites with AMP - NeosCon May 2019
Performance-driven websites with AMP - NeosCon May 2019Performance-driven websites with AMP - NeosCon May 2019
Performance-driven websites with AMP - NeosCon May 2019
Benni Mack
 
AMP K.S.
AMP K.S.AMP K.S.
AMP K.S.
Jacob Lial
 
E-commerce Berlin Expo 2018 - From AMP to PWA: A Modern Web User Journey
E-commerce Berlin Expo 2018 - From AMP to PWA: A Modern Web User JourneyE-commerce Berlin Expo 2018 - From AMP to PWA: A Modern Web User Journey
E-commerce Berlin Expo 2018 - From AMP to PWA: A Modern Web User Journey
E-Commerce Berlin EXPO
 
AMP and the instant web - WebPerformance NYC MeetUp group
AMP and the instant web - WebPerformance NYC MeetUp groupAMP and the instant web - WebPerformance NYC MeetUp group
AMP and the instant web - WebPerformance NYC MeetUp group
Michael Posso
 
Why AMP for WordPress?
Why AMP for WordPress? Why AMP for WordPress?
Why AMP for WordPress?
TAC Marketing Group
 

What's hot (19)

Amp it UP! Using Google Accelerated Mobile Pages with WordPress - WordCamp An...
Amp it UP! Using Google Accelerated Mobile Pages with WordPress - WordCamp An...Amp it UP! Using Google Accelerated Mobile Pages with WordPress - WordCamp An...
Amp it UP! Using Google Accelerated Mobile Pages with WordPress - WordCamp An...
 
Google AMP (Accelerated Mobile Pages)
Google AMP (Accelerated Mobile Pages)Google AMP (Accelerated Mobile Pages)
Google AMP (Accelerated Mobile Pages)
 
AMP - Accelerated Mobile Pages
AMP - Accelerated Mobile PagesAMP - Accelerated Mobile Pages
AMP - Accelerated Mobile Pages
 
Great Lakes Area .Net UG: Optimize .Net Azure App Services
Great Lakes Area .Net UG: Optimize .Net Azure App ServicesGreat Lakes Area .Net UG: Optimize .Net Azure App Services
Great Lakes Area .Net UG: Optimize .Net Azure App Services
 
Google AMP - What is it and is it right for your website? SLCSEM, Oct 2016
Google AMP - What is it and is it right for your website? SLCSEM, Oct 2016Google AMP - What is it and is it right for your website? SLCSEM, Oct 2016
Google AMP - What is it and is it right for your website? SLCSEM, Oct 2016
 
Amp your site: An intro to accelerated mobile pages
Amp your site: An intro to accelerated mobile pagesAmp your site: An intro to accelerated mobile pages
Amp your site: An intro to accelerated mobile pages
 
Google's AMP project for web users
Google's AMP project for web usersGoogle's AMP project for web users
Google's AMP project for web users
 
Accelerated Mobile Pages - WordCamp Kansas City
Accelerated Mobile Pages - WordCamp Kansas CityAccelerated Mobile Pages - WordCamp Kansas City
Accelerated Mobile Pages - WordCamp Kansas City
 
AMP and PWA
AMP and PWAAMP and PWA
AMP and PWA
 
Integrating Accelerated Mobile Pages (AMP) In Drupal Websites
Integrating Accelerated Mobile Pages (AMP) In Drupal WebsitesIntegrating Accelerated Mobile Pages (AMP) In Drupal Websites
Integrating Accelerated Mobile Pages (AMP) In Drupal Websites
 
AMP up Your WordPress Site
AMP up Your WordPress SiteAMP up Your WordPress Site
AMP up Your WordPress Site
 
google amp pages
google amp pagesgoogle amp pages
google amp pages
 
Amp Overview #YGLF 2016
Amp Overview #YGLF 2016Amp Overview #YGLF 2016
Amp Overview #YGLF 2016
 
Amp your site an intro to accelerated mobile pages
Amp your site  an intro to accelerated mobile pagesAmp your site  an intro to accelerated mobile pages
Amp your site an intro to accelerated mobile pages
 
Performance-driven websites with AMP - NeosCon May 2019
Performance-driven websites with AMP - NeosCon May 2019Performance-driven websites with AMP - NeosCon May 2019
Performance-driven websites with AMP - NeosCon May 2019
 
AMP K.S.
AMP K.S.AMP K.S.
AMP K.S.
 
E-commerce Berlin Expo 2018 - From AMP to PWA: A Modern Web User Journey
E-commerce Berlin Expo 2018 - From AMP to PWA: A Modern Web User JourneyE-commerce Berlin Expo 2018 - From AMP to PWA: A Modern Web User Journey
E-commerce Berlin Expo 2018 - From AMP to PWA: A Modern Web User Journey
 
AMP and the instant web - WebPerformance NYC MeetUp group
AMP and the instant web - WebPerformance NYC MeetUp groupAMP and the instant web - WebPerformance NYC MeetUp group
AMP and the instant web - WebPerformance NYC MeetUp group
 
Why AMP for WordPress?
Why AMP for WordPress? Why AMP for WordPress?
Why AMP for WordPress?
 

Similar to Accelerated Mobile Pages (AMP) The Next Revolution in Mobile Web Development

Accelerated Mobile Pages (AMP)
Accelerated Mobile Pages (AMP)Accelerated Mobile Pages (AMP)
Accelerated Mobile Pages (AMP)
Sanjay Kumar
 
Accelerated-Mobile-Pages
Accelerated-Mobile-PagesAccelerated-Mobile-Pages
Accelerated-Mobile-Pages
shivantGupta1
 
Step by-step procedure to implement amp in website
Step by-step procedure to implement amp in websiteStep by-step procedure to implement amp in website
Step by-step procedure to implement amp in website
Webwing Technologies
 
Webwing Technologies - Procedure to Implement AMP in your Website
Webwing Technologies - Procedure to Implement AMP in your WebsiteWebwing Technologies - Procedure to Implement AMP in your Website
Webwing Technologies - Procedure to Implement AMP in your Website
Webwing Technologies
 
Get AMP’ed for AMP!
Get AMP’ed for AMP!Get AMP’ed for AMP!
Get AMP’ed for AMP!
Greenlane
 
Accelerated Mobile Pages in SEO - MYQSOFT
Accelerated Mobile Pages in SEO - MYQSOFTAccelerated Mobile Pages in SEO - MYQSOFT
Accelerated Mobile Pages in SEO - MYQSOFT
MYQSOFT
 
Accelerated Mobile Pages (AMP)
Accelerated Mobile Pages (AMP)Accelerated Mobile Pages (AMP)
Accelerated Mobile Pages (AMP)
ijtsrd
 
Accelerated mobile pages - AuroIN
Accelerated mobile pages - AuroINAccelerated mobile pages - AuroIN
Accelerated mobile pages - AuroIN
AuroIN
 
5 benefits of amp
5 benefits of amp5 benefits of amp
5 benefits of amp
Webwing Technologies
 
What is Amp (Accelerated Mobile Pages)?
What is Amp (Accelerated Mobile Pages)?What is Amp (Accelerated Mobile Pages)?
What is Amp (Accelerated Mobile Pages)?
KULZUJESHAI
 
Google AMP: High-Speed Pages in Higher Ed
Google AMP: High-Speed Pages in Higher EdGoogle AMP: High-Speed Pages in Higher Ed
Google AMP: High-Speed Pages in Higher Ed
Caroline Roberts
 
Setting up & Tracking AMP Pages in Google Analytics
Setting up & Tracking AMP Pages in Google AnalyticsSetting up & Tracking AMP Pages in Google Analytics
Setting up & Tracking AMP Pages in Google Analytics
Vivek Patel
 
AMP
AMPAMP
An SEO optimized website is best charged up.pdf
An SEO optimized website is best charged up.pdfAn SEO optimized website is best charged up.pdf
An SEO optimized website is best charged up.pdf
Mindfire LLC
 
React seo tips to build seo friendly web applications
React seo tips to build seo friendly web applicationsReact seo tips to build seo friendly web applications
React seo tips to build seo friendly web applications
Katy Slemon
 
WTF is AMP?
WTF is AMP?WTF is AMP?
WTF is AMP?
Carl V. Lewis
 
Going All-In On AMP
Going All-In On AMPGoing All-In On AMP
Going All-In On AMP
Benu Aggarwal
 
Users web experience with AMP | Improve exploratory web experience
Users web experience with AMP | Improve exploratory web experienceUsers web experience with AMP | Improve exploratory web experience
Users web experience with AMP | Improve exploratory web experience
Manish Kumar Sharma
 
AMP in WordPress, the WordPress Way
AMP in WordPress, the WordPress WayAMP in WordPress, the WordPress Way
AMP in WordPress, the WordPress Way
Alberto Medina
 
7 secrets of performance oriented front end development services
7 secrets of performance oriented front end development services7 secrets of performance oriented front end development services
7 secrets of performance oriented front end development services
Katy Slemon
 

Similar to Accelerated Mobile Pages (AMP) The Next Revolution in Mobile Web Development (20)

Accelerated Mobile Pages (AMP)
Accelerated Mobile Pages (AMP)Accelerated Mobile Pages (AMP)
Accelerated Mobile Pages (AMP)
 
Accelerated-Mobile-Pages
Accelerated-Mobile-PagesAccelerated-Mobile-Pages
Accelerated-Mobile-Pages
 
Step by-step procedure to implement amp in website
Step by-step procedure to implement amp in websiteStep by-step procedure to implement amp in website
Step by-step procedure to implement amp in website
 
Webwing Technologies - Procedure to Implement AMP in your Website
Webwing Technologies - Procedure to Implement AMP in your WebsiteWebwing Technologies - Procedure to Implement AMP in your Website
Webwing Technologies - Procedure to Implement AMP in your Website
 
Get AMP’ed for AMP!
Get AMP’ed for AMP!Get AMP’ed for AMP!
Get AMP’ed for AMP!
 
Accelerated Mobile Pages in SEO - MYQSOFT
Accelerated Mobile Pages in SEO - MYQSOFTAccelerated Mobile Pages in SEO - MYQSOFT
Accelerated Mobile Pages in SEO - MYQSOFT
 
Accelerated Mobile Pages (AMP)
Accelerated Mobile Pages (AMP)Accelerated Mobile Pages (AMP)
Accelerated Mobile Pages (AMP)
 
Accelerated mobile pages - AuroIN
Accelerated mobile pages - AuroINAccelerated mobile pages - AuroIN
Accelerated mobile pages - AuroIN
 
5 benefits of amp
5 benefits of amp5 benefits of amp
5 benefits of amp
 
What is Amp (Accelerated Mobile Pages)?
What is Amp (Accelerated Mobile Pages)?What is Amp (Accelerated Mobile Pages)?
What is Amp (Accelerated Mobile Pages)?
 
Google AMP: High-Speed Pages in Higher Ed
Google AMP: High-Speed Pages in Higher EdGoogle AMP: High-Speed Pages in Higher Ed
Google AMP: High-Speed Pages in Higher Ed
 
Setting up & Tracking AMP Pages in Google Analytics
Setting up & Tracking AMP Pages in Google AnalyticsSetting up & Tracking AMP Pages in Google Analytics
Setting up & Tracking AMP Pages in Google Analytics
 
AMP
AMPAMP
AMP
 
An SEO optimized website is best charged up.pdf
An SEO optimized website is best charged up.pdfAn SEO optimized website is best charged up.pdf
An SEO optimized website is best charged up.pdf
 
React seo tips to build seo friendly web applications
React seo tips to build seo friendly web applicationsReact seo tips to build seo friendly web applications
React seo tips to build seo friendly web applications
 
WTF is AMP?
WTF is AMP?WTF is AMP?
WTF is AMP?
 
Going All-In On AMP
Going All-In On AMPGoing All-In On AMP
Going All-In On AMP
 
Users web experience with AMP | Improve exploratory web experience
Users web experience with AMP | Improve exploratory web experienceUsers web experience with AMP | Improve exploratory web experience
Users web experience with AMP | Improve exploratory web experience
 
AMP in WordPress, the WordPress Way
AMP in WordPress, the WordPress WayAMP in WordPress, the WordPress Way
AMP in WordPress, the WordPress Way
 
7 secrets of performance oriented front end development services
7 secrets of performance oriented front end development services7 secrets of performance oriented front end development services
7 secrets of performance oriented front end development services
 

More from NotifyVisitors

Independence Day Email Marketing: Celebrating Freedom (2023)
Independence Day Email Marketing: Celebrating Freedom (2023)Independence Day Email Marketing: Celebrating Freedom (2023)
Independence Day Email Marketing: Celebrating Freedom (2023)
NotifyVisitors
 
Target User from Lead Generation Form
Target User from Lead Generation FormTarget User from Lead Generation Form
Target User from Lead Generation Form
NotifyVisitors
 
How Mobile In-App Notifications Is The CTA?
How Mobile In-App Notifications Is The CTA?How Mobile In-App Notifications Is The CTA?
How Mobile In-App Notifications Is The CTA?
NotifyVisitors
 
Personalized Type of Mobile Push Notifications
Personalized Type of Mobile Push NotificationsPersonalized Type of Mobile Push Notifications
Personalized Type of Mobile Push Notifications
NotifyVisitors
 
Advantages of Using Popup Notifications Software
Advantages of Using Popup Notifications SoftwareAdvantages of Using Popup Notifications Software
Advantages of Using Popup Notifications Software
NotifyVisitors
 
SMS and Email Marketing Trends Beyond 2020
SMS and Email Marketing Trends Beyond 2020SMS and Email Marketing Trends Beyond 2020
SMS and Email Marketing Trends Beyond 2020
NotifyVisitors
 
In-App Marketing Guide
In-App Marketing GuideIn-App Marketing Guide
In-App Marketing Guide
NotifyVisitors
 
Why to Use Email and SMS Marketing?
Why to Use Email and SMS Marketing?Why to Use Email and SMS Marketing?
Why to Use Email and SMS Marketing?
NotifyVisitors
 
How to Get Higher NPS Result?
How to Get Higher NPS Result?How to Get Higher NPS Result?
How to Get Higher NPS Result?
NotifyVisitors
 
Know What is Personalization
Know What is PersonalizationKnow What is Personalization
Know What is Personalization
NotifyVisitors
 
How to Achieve More Conversion With Chatbots?
How to Achieve More Conversion With Chatbots?How to Achieve More Conversion With Chatbots?
How to Achieve More Conversion With Chatbots?
NotifyVisitors
 
Personalization Strategy for Small Business
Personalization Strategy for Small BusinessPersonalization Strategy for Small Business
Personalization Strategy for Small Business
NotifyVisitors
 
How Chatbot is Best Medium?
How Chatbot is Best Medium?How Chatbot is Best Medium?
How Chatbot is Best Medium?
NotifyVisitors
 
Ideal Website Personalization Tools
Ideal Website Personalization ToolsIdeal Website Personalization Tools
Ideal Website Personalization Tools
NotifyVisitors
 
E-commerce Personalization Benefits
E-commerce Personalization Benefits E-commerce Personalization Benefits
E-commerce Personalization Benefits
NotifyVisitors
 
What is a Popup Notification?
What is a Popup Notification?What is a Popup Notification?
What is a Popup Notification?
NotifyVisitors
 
Market Research Tools Advantages
Market Research Tools AdvantagesMarket Research Tools Advantages
Market Research Tools Advantages
NotifyVisitors
 
How to Increase CTR with Push Notifications Guide?
How to Increase CTR with Push Notifications Guide?How to Increase CTR with Push Notifications Guide?
How to Increase CTR with Push Notifications Guide?
NotifyVisitors
 
What are The Benefits of Push Notifications?
What are The Benefits of Push Notifications?What are The Benefits of Push Notifications?
What are The Benefits of Push Notifications?
NotifyVisitors
 
Why Does a UI Matters?
Why Does a UI Matters?Why Does a UI Matters?
Why Does a UI Matters?
NotifyVisitors
 

More from NotifyVisitors (20)

Independence Day Email Marketing: Celebrating Freedom (2023)
Independence Day Email Marketing: Celebrating Freedom (2023)Independence Day Email Marketing: Celebrating Freedom (2023)
Independence Day Email Marketing: Celebrating Freedom (2023)
 
Target User from Lead Generation Form
Target User from Lead Generation FormTarget User from Lead Generation Form
Target User from Lead Generation Form
 
How Mobile In-App Notifications Is The CTA?
How Mobile In-App Notifications Is The CTA?How Mobile In-App Notifications Is The CTA?
How Mobile In-App Notifications Is The CTA?
 
Personalized Type of Mobile Push Notifications
Personalized Type of Mobile Push NotificationsPersonalized Type of Mobile Push Notifications
Personalized Type of Mobile Push Notifications
 
Advantages of Using Popup Notifications Software
Advantages of Using Popup Notifications SoftwareAdvantages of Using Popup Notifications Software
Advantages of Using Popup Notifications Software
 
SMS and Email Marketing Trends Beyond 2020
SMS and Email Marketing Trends Beyond 2020SMS and Email Marketing Trends Beyond 2020
SMS and Email Marketing Trends Beyond 2020
 
In-App Marketing Guide
In-App Marketing GuideIn-App Marketing Guide
In-App Marketing Guide
 
Why to Use Email and SMS Marketing?
Why to Use Email and SMS Marketing?Why to Use Email and SMS Marketing?
Why to Use Email and SMS Marketing?
 
How to Get Higher NPS Result?
How to Get Higher NPS Result?How to Get Higher NPS Result?
How to Get Higher NPS Result?
 
Know What is Personalization
Know What is PersonalizationKnow What is Personalization
Know What is Personalization
 
How to Achieve More Conversion With Chatbots?
How to Achieve More Conversion With Chatbots?How to Achieve More Conversion With Chatbots?
How to Achieve More Conversion With Chatbots?
 
Personalization Strategy for Small Business
Personalization Strategy for Small BusinessPersonalization Strategy for Small Business
Personalization Strategy for Small Business
 
How Chatbot is Best Medium?
How Chatbot is Best Medium?How Chatbot is Best Medium?
How Chatbot is Best Medium?
 
Ideal Website Personalization Tools
Ideal Website Personalization ToolsIdeal Website Personalization Tools
Ideal Website Personalization Tools
 
E-commerce Personalization Benefits
E-commerce Personalization Benefits E-commerce Personalization Benefits
E-commerce Personalization Benefits
 
What is a Popup Notification?
What is a Popup Notification?What is a Popup Notification?
What is a Popup Notification?
 
Market Research Tools Advantages
Market Research Tools AdvantagesMarket Research Tools Advantages
Market Research Tools Advantages
 
How to Increase CTR with Push Notifications Guide?
How to Increase CTR with Push Notifications Guide?How to Increase CTR with Push Notifications Guide?
How to Increase CTR with Push Notifications Guide?
 
What are The Benefits of Push Notifications?
What are The Benefits of Push Notifications?What are The Benefits of Push Notifications?
What are The Benefits of Push Notifications?
 
Why Does a UI Matters?
Why Does a UI Matters?Why Does a UI Matters?
Why Does a UI Matters?
 

Recently uploaded

20240702 QFM021 Machine Intelligence Reading List June 2024
20240702 QFM021 Machine Intelligence Reading List June 202420240702 QFM021 Machine Intelligence Reading List June 2024
20240702 QFM021 Machine Intelligence Reading List June 2024
Matthew Sinclair
 
What's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptxWhat's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptx
Stephanie Beckett
 
7 Most Powerful Solar Storms in the History of Earth.pdf
7 Most Powerful Solar Storms in the History of Earth.pdf7 Most Powerful Solar Storms in the History of Earth.pdf
7 Most Powerful Solar Storms in the History of Earth.pdf
Enterprise Wired
 
Coordinate Systems in FME 101 - Webinar Slides
Coordinate Systems in FME 101 - Webinar SlidesCoordinate Systems in FME 101 - Webinar Slides
Coordinate Systems in FME 101 - Webinar Slides
Safe Software
 
Implementations of Fused Deposition Modeling in real world
Implementations of Fused Deposition Modeling  in real worldImplementations of Fused Deposition Modeling  in real world
Implementations of Fused Deposition Modeling in real world
Emerging Tech
 
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdfWhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
ArgaBisma
 
WPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide DeckWPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide Deck
Lidia A.
 
Observability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetryObservability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetry
Eric D. Schabell
 
How RPA Help in the Transportation and Logistics Industry.pptx
How RPA Help in the Transportation and Logistics Industry.pptxHow RPA Help in the Transportation and Logistics Industry.pptx
How RPA Help in the Transportation and Logistics Industry.pptx
SynapseIndia
 
Pigging Solutions Sustainability brochure.pdf
Pigging Solutions Sustainability brochure.pdfPigging Solutions Sustainability brochure.pdf
Pigging Solutions Sustainability brochure.pdf
Pigging Solutions
 
The Increasing Use of the National Research Platform by the CSU Campuses
The Increasing Use of the National Research Platform by the CSU CampusesThe Increasing Use of the National Research Platform by the CSU Campuses
The Increasing Use of the National Research Platform by the CSU Campuses
Larry Smarr
 
How to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptxHow to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptx
Adam Dunkels
 
BLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALL
BLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALLBLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALL
BLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALL
Liveplex
 
Advanced Techniques for Cyber Security Analysis and Anomaly Detection
Advanced Techniques for Cyber Security Analysis and Anomaly DetectionAdvanced Techniques for Cyber Security Analysis and Anomaly Detection
Advanced Techniques for Cyber Security Analysis and Anomaly Detection
Bert Blevins
 
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
Kief Morris
 
UiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs ConferenceUiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs Conference
UiPathCommunity
 
What’s New in Teams Calling, Meetings and Devices May 2024
What’s New in Teams Calling, Meetings and Devices May 2024What’s New in Teams Calling, Meetings and Devices May 2024
What’s New in Teams Calling, Meetings and Devices May 2024
Stephanie Beckett
 
Details of description part II: Describing images in practice - Tech Forum 2024
Details of description part II: Describing images in practice - Tech Forum 2024Details of description part II: Describing images in practice - Tech Forum 2024
Details of description part II: Describing images in practice - Tech Forum 2024
BookNet Canada
 
Password Rotation in 2024 is still Relevant
Password Rotation in 2024 is still RelevantPassword Rotation in 2024 is still Relevant
Password Rotation in 2024 is still Relevant
Bert Blevins
 
20240705 QFM024 Irresponsible AI Reading List June 2024
20240705 QFM024 Irresponsible AI Reading List June 202420240705 QFM024 Irresponsible AI Reading List June 2024
20240705 QFM024 Irresponsible AI Reading List June 2024
Matthew Sinclair
 

Recently uploaded (20)

20240702 QFM021 Machine Intelligence Reading List June 2024
20240702 QFM021 Machine Intelligence Reading List June 202420240702 QFM021 Machine Intelligence Reading List June 2024
20240702 QFM021 Machine Intelligence Reading List June 2024
 
What's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptxWhat's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptx
 
7 Most Powerful Solar Storms in the History of Earth.pdf
7 Most Powerful Solar Storms in the History of Earth.pdf7 Most Powerful Solar Storms in the History of Earth.pdf
7 Most Powerful Solar Storms in the History of Earth.pdf
 
Coordinate Systems in FME 101 - Webinar Slides
Coordinate Systems in FME 101 - Webinar SlidesCoordinate Systems in FME 101 - Webinar Slides
Coordinate Systems in FME 101 - Webinar Slides
 
Implementations of Fused Deposition Modeling in real world
Implementations of Fused Deposition Modeling  in real worldImplementations of Fused Deposition Modeling  in real world
Implementations of Fused Deposition Modeling in real world
 
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdfWhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
 
WPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide DeckWPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide Deck
 
Observability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetryObservability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetry
 
How RPA Help in the Transportation and Logistics Industry.pptx
How RPA Help in the Transportation and Logistics Industry.pptxHow RPA Help in the Transportation and Logistics Industry.pptx
How RPA Help in the Transportation and Logistics Industry.pptx
 
Pigging Solutions Sustainability brochure.pdf
Pigging Solutions Sustainability brochure.pdfPigging Solutions Sustainability brochure.pdf
Pigging Solutions Sustainability brochure.pdf
 
The Increasing Use of the National Research Platform by the CSU Campuses
The Increasing Use of the National Research Platform by the CSU CampusesThe Increasing Use of the National Research Platform by the CSU Campuses
The Increasing Use of the National Research Platform by the CSU Campuses
 
How to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptxHow to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptx
 
BLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALL
BLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALLBLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALL
BLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALL
 
Advanced Techniques for Cyber Security Analysis and Anomaly Detection
Advanced Techniques for Cyber Security Analysis and Anomaly DetectionAdvanced Techniques for Cyber Security Analysis and Anomaly Detection
Advanced Techniques for Cyber Security Analysis and Anomaly Detection
 
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
 
UiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs ConferenceUiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs Conference
 
What’s New in Teams Calling, Meetings and Devices May 2024
What’s New in Teams Calling, Meetings and Devices May 2024What’s New in Teams Calling, Meetings and Devices May 2024
What’s New in Teams Calling, Meetings and Devices May 2024
 
Details of description part II: Describing images in practice - Tech Forum 2024
Details of description part II: Describing images in practice - Tech Forum 2024Details of description part II: Describing images in practice - Tech Forum 2024
Details of description part II: Describing images in practice - Tech Forum 2024
 
Password Rotation in 2024 is still Relevant
Password Rotation in 2024 is still RelevantPassword Rotation in 2024 is still Relevant
Password Rotation in 2024 is still Relevant
 
20240705 QFM024 Irresponsible AI Reading List June 2024
20240705 QFM024 Irresponsible AI Reading List June 202420240705 QFM024 Irresponsible AI Reading List June 2024
20240705 QFM024 Irresponsible AI Reading List June 2024
 

Accelerated Mobile Pages (AMP) The Next Revolution in Mobile Web Development

  • 1. Accelerated Mobile Pages (AMP) The Next Revolution in Mobile Development
  • 3. Description Aout AMP In old days, publishers were worried about their website speed in desktop only, but now they worry about their website speed in mobile and tablets.The reason being, now smartphones and tablets have become the king of browsing traffic. According to Google data, the share of mobile web browsing traffic expends to 52.3%.
  • 4. Use of external js files and high-quality images make mobile speed slower. If the mobile browser pages are not loading quickly, it can discourage users and they can leave even before your content is completely loaded. So It is good to optimize your web pages for mobile users.
  • 5. As mobile browsing is increasing day by day, Google provided a solution to the publishers for their mobile website problems by launching Project AMP, or Amp Mobile Pages. In short AMP Website was created so that publishers can load their amp web pages more quickly and fast in mobile devices
  • 6. WHAT IS AMP Accelerated Mobile Pages (AMP) is an open source project powered by Google which helps publishers and web developers to create mobile friendly and mobile optimized web pages which load instantly. Accelerated Mobile Pages
  • 7. The main concept of Accelerated Mobile Pages (AMP) is to load readable text content in web page first and then load additional content like images, ads, scripts after the remainder of the page has rendered. Accelerated Mobile Pages (AMP Google) blocks external and unwanted JavaScript code to load web page near- instantaneously. Read More about Advantages of Accelerated Mobile Pages
  • 9. AMP is a framework for creating mobile web pages. It basically consists of three parts
  • 10. AMP HTML Code is new markup language inherited from parent language HTML with many custom tags and properties like amp-i frame, amp-script, amp-images etc. if you are familiar with HTML then you are ready to go converting your web page into Google AMP pages with AMP HTML. For more details of amp tags, you can check AMP Project’s list. AMP HTML
  • 11. AMP JS It is a JavaScript framework for mobile web pages; An important function is to manage resource handling and asynchronous loading of page content. But you cannot use third party java-script file or your own custom java-script code in AMP framework because it is not permitted.
  • 12. AMP CDN A Content Delivery Network caches your AMP pages and automatically makes some performance optimizations.
  • 13. HOW ARE AMP PAGES LOADING SO FASTS? HOW ARE AMP PAGES LOADING SO FASTS?
  • 14. 7 important ways by which AMP making page load so fast are as follows :
  • 15. It executes all JS code asynchronously to avoid delaying page rendering. Amp blocks author-written javascript and provides its own java-script to handle page features. In AMP, it is important to state the sizes of external resources such as images, ads or I frames in the HTML so that it can measure each resource size and position before resources are downloaded. In Google AMP pages, only inline styles are allowed. By this, it removes multiple external CSS and style files HTTP requests from the rendering path compared to most web pages. AMP accelerated mobile pages controls all resource downloads: it prioritizes resource loading, loading only what’s needed, and use lazy-loading method to download resources. AMP Sites doesn’t let extension mechanisms block page rendering. AMP supports extensions like light boxes, Instagram embeds, tweets, etc. Web fonts are super large, so webfont optimization is crucial to performance. The AMP system declares zero HTTP requests until fonts start downloading. The new connect API is used to ensure HTTP requests are as fast as possible when they are made. With this, a page can be rendered before the user explicitly states they’d like to navigate to it; the page might already be available by the time the user actually selects it, leading to instant loading. Article Source : https://goo.gl/oEdZGH