38

Google Accelerated Mobile Pages with WordPress

Embed Size (px)

Citation preview

Page 1: Google Accelerated Mobile Pages with WordPress
Page 2: Google Accelerated Mobile Pages with WordPress
Page 3: Google Accelerated Mobile Pages with WordPress
Page 4: Google Accelerated Mobile Pages with WordPress
Page 5: Google Accelerated Mobile Pages with WordPress

2.2Mb22 JavaScript Files (363kb)8 CSS files (75k)18 Different Resource Domains101 Total HTTP Requests

Average Web Page (2015)

https://www.sitepoint.com/average-page-weight-increased-another-16-2015/

Page 6: Google Accelerated Mobile Pages with WordPress

More than 40% of users will abandon

a website that takes

more than 3 seconds to

load

3 Second Rule:

Page 7: Google Accelerated Mobile Pages with WordPress

Accelerated Mobile Pages

Page 8: Google Accelerated Mobile Pages with WordPress
Page 9: Google Accelerated Mobile Pages with WordPress
Page 10: Google Accelerated Mobile Pages with WordPress

“AMP is a way to build web pages for static content that render

fast”

Google Says...

Page 11: Google Accelerated Mobile Pages with WordPress

“We found that AMP pages load four times faster,

and use eight times less data than traditional

mobile optimized pages”

AMP in Action

Jon Parise (Product Engineer, Pinterest)

Page 12: Google Accelerated Mobile Pages with WordPress
Page 13: Google Accelerated Mobile Pages with WordPress

“After the successful rollout of AMP for

news sites, it is now ready for more.”

Beyond Publishers

Rudy Galfi (AMP Team Product Manager, Google)

Page 14: Google Accelerated Mobile Pages with WordPress

150 million AMP Pages

650,000 Domains

AMP in Google Index

Page 15: Google Accelerated Mobile Pages with WordPress
Page 16: Google Accelerated Mobile Pages with WordPress
Page 17: Google Accelerated Mobile Pages with WordPress
Page 18: Google Accelerated Mobile Pages with WordPress
Page 19: Google Accelerated Mobile Pages with WordPress

John Mueller Webmaster Trends Analyst at Google

Page 20: Google Accelerated Mobile Pages with WordPress

75% Aware of AMP

18% Have Researched AMP Deeply 23% Currently Implementing AMP

49% Expect AMP to have significant effect on Page Rankings

SEO Professionals Survey

http://www.link-assistant.com/news/amp-survey.html

Page 21: Google Accelerated Mobile Pages with WordPress
Page 22: Google Accelerated Mobile Pages with WordPress
Page 23: Google Accelerated Mobile Pages with WordPress

1.AMP HTML

Page 24: Google Accelerated Mobile Pages with WordPress

AMP HTML Components

amp-adamp-imgamp-videoamp-audioamp-pixelamp-videoamp-carousel

amp-lightbox amp-animamp-iframeamp-instagramamp-twitteramp-youtubeamp-accordian

Page 25: Google Accelerated Mobile Pages with WordPress

2. AMP JS

Page 26: Google Accelerated Mobile Pages with WordPress

3. AMP CDN

Page 27: Google Accelerated Mobile Pages with WordPress
Page 28: Google Accelerated Mobile Pages with WordPress

No 3rd party Javascript

Page 29: Google Accelerated Mobile Pages with WordPress

External resources must

define static dimensions

Page 30: Google Accelerated Mobile Pages with WordPress

All CSS Must be inline (50k Max)

Page 31: Google Accelerated Mobile Pages with WordPress

Font loading must be efficient

Page 32: Google Accelerated Mobile Pages with WordPress

Only GPU-Accelerated animations

Page 33: Google Accelerated Mobile Pages with WordPress

Prioritize Resource Loading

Page 34: Google Accelerated Mobile Pages with WordPress

Load pages instantly

Page 35: Google Accelerated Mobile Pages with WordPress

No form elements

Page 36: Google Accelerated Mobile Pages with WordPress

Advertising

Page 37: Google Accelerated Mobile Pages with WordPress
Page 38: Google Accelerated Mobile Pages with WordPress

About MeMike HaleDeveloperRainmaker Digital

@MikeHalewww.mikehale.me