One of the most important things for a person who’s searching for a piece of information is speed. If they don’t find what they are looking for within a couple of seconds they just close the website and look for another alternative. This might not seem a great problem but when your business is dependent on search traffic and you make money off ads or sell a product, every visitor is worth a lot, you can’t simply afford to lose someone. To cater this problem Google launched Accelerated Mobile Pages or AMP which is an opensource technology that follows standard HTML markup and optimized JavaScript in order to deliver content at lightning fast speeds. Earlier it was rolled out to News & Media websites but today you can take advantages of this technology on almost any website. This presentation is about how you can easily make your WordPress sites amp optimized, the pros cons and future of this amazing technology.

1. The Present And Future Of
Quick Content Delivery
by
Raunak Hajela
WordPress Enthusiast | CTO @WhatAStory
PHP, JavaScript & Flutter Developer

2. Lately the smartphone industry has seen an exponential
growth in number of it’s users

3. This is because
Of the following parameters
1. The cost of the smartphones is
getting drastically cheaper.
2. The cost of the internet package is
getting cheaper around the world.
3. The phones are getting as powerful
as the PCs.

4. The increase has a huge impact on content
consumption and data proves it.
Facebook
Google Twitter
https://www.stonetemple.com/mobile-vs-desktop-usage-study/
92%
8%
66%
44%
80%
20%

5. 53% people close
the website if it
takes more than 3.2
seconds to lead
https://www.marketingdive.com/news/google-53-of-mobile-users-abandon-sites-that-take-over-3-
seconds-to-load/426070/

6. The problems faced
By publishers in todays age
1. Evolving ecosystems of closed distribution
models
2. Poor consumer perceptions of web mobile
experiences
3. Monetization of the content is really hard
4. Ad blockers are challenge in the industry

7. The solution to this would be something
Fast Loading Easy To Optimize Mobile Friendly Incentivized

8. How To Make Fast
Loading Web Pages?
1. Simplify the code, less JavaScript
2. Optimize the bandwidth
- Get the best image resolution for the device
- Optimize the pageload time
3. Cache the pages
- Use a content delivery network

9. Introducing
(ACCELERATED MOBILE PAGES)
<script type="text/javascript">
var show_footer_banner = true;
document.addEventListener("DOMContentLoaded",
function(){
if (!show_footer_banner) return false;
var bannerId = 'banner-premium-day';
var banner = document.getElementById(bannerId);
var banner_cookie = Cookie.get(bannerId);
var today = new Date();
var eventDayInit = new Date(banner.getAttribute('data-
start'));
var eventDayEnd = new Date(banner.getAttribute('data-
end'));
if ((today.getTime() >= eventDayInit.getTime()) &&
(today.getTime() < eventDayEnd.getTime()) &&
(typeof gr.auth.me!='undefined') &&
!gr.auth.me.premium) {
showFooterBanner(bannerId);
return;
Without AMP With AMP
<script async
src="https://cdn.ampproject.org/v0.js"></script>

10. What is AMP?
Accelerated Mobile Pages
AMP HTML AMP JavaScript AMP CSS
All of the above works seamlessly
with their web proxy : AMP Cache

11. How It Works?
HTML
AMP-HTML
CMS
SPEED UP BY
AMP CACHE
Ad Revenue & Analytics

12. Without Amp Cache

13. With Amp Cache

14. AMP Publishers & Partners

15. AMP Discovery
On Google Search
It’s obvious the amp optimized
pages have a higher ranking in
search and a dedicated discovery
carousel on google

16. Monetization
Benefits & Advantages
You can monetize your AMP pages with google
AdSense and AMP Native Ads. Due to the fast
loading and clean look CTR is higher.
AMP users observed a 5% increase in their CTRs as
compared to Non-AMP users
https://www.ampproject.org/docs/ads/monetization

17. LIVE Demonstration
+
How To Optimize Your WordPress Blog For AMP

18. Thank You