SlideShare a Scribd company logo
TechSEO Boost 2018: SEO, WPO, SPA, AMP, PWA & Other Acronyms: Performance that Matters
Tim Kadlec | @tkadlec | #TechSEOBoost
SEO, WPO, SPA,
AMP, PWA
& OTHER
ACRONYMS
–
Performance that matters
Tim Kadlec | @tkadlec | #TechSEOBoost
<meta name="keywords”
content=”fantastic,
/>
Tim Kadlec | @tkadlec | #TechSEOBoost
<meta name="keywords”
content=”fantastic,
amazing,
/>
Tim Kadlec | @tkadlec | #TechSEOBoost
<meta name="keywords”
content=”fantastic,
amazing,
great,
/>
Tim Kadlec | @tkadlec | #TechSEOBoost
<meta name="keywords”
content=”fantastic,
amazing,
great,
wonderful,
/>
Tim Kadlec | @tkadlec | #TechSEOBoost
<meta name="keywords”
content=”fantastic,
amazing,
great,
wonderful,
stellar,
/>
Tim Kadlec | @tkadlec | #TechSEOBoost
<meta name="keywords”
content=”fantastic,
amazing,
great,
wonderful,
stellar,
super,
/>
Tim Kadlec | @tkadlec | #TechSEOBoost
<meta name="keywords”
content=”fantastic,
amazing,
great,
wonderful,
stellar,
super,
outstanding”
/>
Tim Kadlec | @tkadlec | #TechSEOBoost
Tim Kadlec | @tkadlec | #TechSEOBoost
Connect people with the
information they need from
the highest quality source
Tim Kadlec | @tkadlec | #TechSEOBoost
highest quality source
Tim Kadlec | @tkadlec | #TechSEOBoost
Tim Kadlec | @tkadlec | #TechSEOBoost
bit.ly/2BAMcpX
Tim Kadlec | @tkadlec | #TechSEOBoost
bit.ly/2KC1Vri
Tim Kadlec | @tkadlec | #TechSEOBoost
bit.ly/2QrstBi
Tim Kadlec | @tkadlec | #TechSEOBoost
Tim Kadlec | @tkadlec | #TechSEOBoost
341MS
Tim Kadlec | @tkadlec | #TechSEOBoost
5.7s
Tim Kadlec | @tkadlec | #TechSEOBoost
32.9s
Tim Kadlec | @tkadlec | #TechSEOBoost
Tim Kadlec | @tkadlec | #TechSEOBoost
THERE IS NO
ONE METRIC TO
RULE THEM ALL
(and in the darkness bind them)
Tim Kadlec | @tkadlec | #TechSEOBoost
Tim Kadlec | @tkadlec | #TechSEOBoost
wpostats.com
Tim Kadlec | @tkadlec | #TechSEOBoost
Tim Kadlec | @tkadlec | #TechSEOBoost
Tim Kadlec | @tkadlec | #TechSEOBoost
Tim Kadlec | @tkadlec | #TechSEOBoost
Tim Kadlec | @tkadlec | #TechSEOBoost
BETTER
PERFORMANCE
MEANS A BETTER
EXPERIENCE
Tim Kadlec | @tkadlec | #TechSEOBoost
Tim Kadlec | @tkadlec | #TechSEOBoost
Tim Kadlec | @tkadlec | #TechSEOBoost
Tim Kadlec | @tkadlec | #TechSEOBoost
CRAWL
PROCESS INDEX
Tim Kadlec | @tkadlec | #TechSEOBoost
PROCESS
Tim Kadlec | @tkadlec | #TechSEOBoost
RENDER QUEUE
RENDERER
Tim Kadlec | @tkadlec | #TechSEOBoost
RENDER QUEUE
RENDERER
41
Tim Kadlec | @tkadlec | #TechSEOBoost
CRAWL QUEUE
RENDERER
Tim Kadlec | @tkadlec | #TechSEOBoost
UP TO
ONE WEEK
Tim Kadlec | @tkadlec | #TechSEOBoost
<script type="text/javascript”
src="jquereactgular.js"></script>
Tim Kadlec | @tkadlec | #TechSEOBoost
<script>
Tim Kadlec | @tkadlec | #TechSEOBoost
<script type="text/javascript" async
src="jquereactgular.js"></script>
Tim Kadlec | @tkadlec | #TechSEOBoost
<script async>
Tim Kadlec | @tkadlec | #TechSEOBoost
<script async>
Tim Kadlec | @tkadlec | #TechSEOBoost
<script type="text/javascript" defer
src="jquereactgular.js"></script>
Tim Kadlec | @tkadlec | #TechSEOBoost
<script defer>
Tim Kadlec | @tkadlec | #TechSEOBoost
<script defer>
Tim Kadlec | @tkadlec | #TechSEOBoost
Tim Kadlec | @tkadlec | #TechSEOBoost
Tim Kadlec | @tkadlec | #TechSEOBoost
Tim Kadlec | @tkadlec | #TechSEOBoost
Tim Kadlec | @tkadlec | #TechSEOBoost
Tim Kadlec | @tkadlec | #TechSEOBoost
SPOF
SINGLE POINT OF FAILURE
Tim Kadlec | @tkadlec | #TechSEOBoost
bit.ly/2Q52OPd
Tim Kadlec | @tkadlec | #TechSEOBoost
Tim Kadlec | @tkadlec | #TechSEOBoost
Tim Kadlec | @tkadlec | #TechSEOBoost
defer
async
Tim Kadlec | @tkadlec | #TechSEOBoost
Tim Kadlec | @tkadlec | #TechSEOBoost
~2500-3000kb
Tim Kadlec | @tkadlec | #TechSEOBoost
~2500-3000kb
Tim Kadlec | @tkadlec | #TechSEOBoost
~2500-3000kb
Tim Kadlec | @tkadlec | #TechSEOBoost
Tim Kadlec | @tkadlec | #TechSEOBoost
Tim Kadlec | @tkadlec | #TechSEOBoost
Tim Kadlec | @tkadlec | #TechSEOBoost
Tim Kadlec | @tkadlec | #TechSEOBoost
FRIENDS DON’T
LET FRIENDS USE
CLIENT-SIDE A/B
TESTING
Tim Kadlec | @tkadlec | #TechSEOBoost
bit.ly/2E4WroL
Tim Kadlec | @tkadlec | #TechSEOBoost
<!--workertest:mytest=a-->
<a href="#" class="donuts">
Try our delicious <i>donuts!</i>
<img src="donuts.png" alt="two iced donuts">
</a>
<!--/workertest:mytest=a-->
<!--workertest:mytest=b-->
<a href="#" class="wafel">
Try our delicious <i>stroop wafels!</i>
<img src="wafel.png" alt="stroop wafels">
</a>
<!--/workertest:mytest=b-->
Tim Kadlec | @tkadlec | #TechSEOBoost
Tim Kadlec | @tkadlec | #TechSEOBoost
1933
4617
4227
0 500 1000 1500 2000 2500 3000 3500 4000 4500 5000
Canonical
AMP
AMP w/ CDN
Tim Kadlec | @tkadlec | #TechSEOBoost
3277
6171
8152
0 1000 2000 3000 4000 5000 6000 7000 8000 9000
Canonical
AMP
AMP w/ CDN
Tim Kadlec | @tkadlec | #TechSEOBoost
1. Why is AMP faster?
2. Why is AMP slower to start render?
3. Why is AMP on the CDN better?
Tim Kadlec | @tkadlec | #TechSEOBoost
1. Why is AMP faster?
Tim Kadlec | @tkadlec | #TechSEOBoost
53
61
318
0 50 100 150 200 250 300 350
Canonical
AMP
AMP w/ CDN
Tim Kadlec | @tkadlec | #TechSEOBoost
Tim Kadlec | @tkadlec | #TechSEOBoost
Tim Kadlec | @tkadlec | #TechSEOBoost
59%
THIRD-PARTY REQUESTS
Tim Kadlec | @tkadlec | #TechSEOBoost
2. Why is AMP slower to start render?
Tim Kadlec | @tkadlec | #TechSEOBoost
<script custom-element="amp-font" src="https://cdn.ampproject.org/v0/amp-font-0.1.js" async></script>
<script custom-element="amp-twitter" src="https://cdn.ampproject.org/v0/amp-twitter-0.1.js" async></script>
<script custom-element="amp-facebook" src="https://cdn.ampproject.org/v0/amp-facebook-0.1.js" async></script>
<script custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js" async></script>
<script custom-element="amp-vimeo" src="https://cdn.ampproject.org/v0/amp-vimeo-0.1.js" async></script>
<script custom-element="amp-soundcloud" src="https://cdn.ampproject.org/v0/amp-soundcloud-0.1.js" async></script>
<script custom-element="amp-instagram" src="https://cdn.ampproject.org/v0/amp-instagram-0.1.js" async></script>
<script custom-element="amp-list" src="https://cdn.ampproject.org/v0/amp-list-0.1.js" async></script>
<script custom-element="amp-geo" src="https://cdn.ampproject.org/v0/amp-geo-0.1.js" async></script>
Tim Kadlec | @tkadlec | #TechSEOBoost
<script async>
Tim Kadlec | @tkadlec | #TechSEOBoost
3. Why is AMP on the CDN better?
Tim Kadlec | @tkadlec | #TechSEOBoost
• Caching images and fonts
• Restricting maximum image sizes
• Compressing images on the fly
• Uses HTTP/2 and HTTPS
• Strips out HTML comments
• Automates inclusion of resource hints such
as dns-prefetch and preconnect
• Pre-rendering the page on the server
Tim Kadlec | @tkadlec | #TechSEOBoost
• Pre-rendering the page on the server
Tim Kadlec | @tkadlec | #TechSEOBoost
bit.ly/2AuWNkh
Tim Kadlec | @tkadlec | #TechSEOBoost
25%
of contributors
work at Google
Tim Kadlec | @tkadlec | #TechSEOBoost
90%
of contributions
come from Google
Tim Kadlec | @tkadlec | #TechSEOBoost
bit.ly/2Qt2pp8
Tim Kadlec | @tkadlec | #TechSEOBoost
bit.ly/2SkMdns
Tim Kadlec | @tkadlec | #TechSEOBoost
Feature-Policy: unsized-media 'none'
Tim Kadlec | @tkadlec | #TechSEOBoost
Tim Kadlec | @tkadlec | #TechSEOBoost
WHEN IN DOUBT
BET ON THE WEB
Tim Kadlec | @tkadlec | #TechSEOBoost
PWA’s
PROGRESSIVE WEB APPS
Tim Kadlec | @tkadlec | #TechSEOBoost
Frances Berriman
Alex Russell
Tim Kadlec | @tkadlec | #TechSEOBoost
pwastats.com
Tim Kadlec | @tkadlec | #TechSEOBoost
Connect people with the
information they need from
the highest quality source
Tim Kadlec | @tkadlec | #TechSEOBoost
Tim Kadlec | @tkadlec | #TechSEOBoost
THANK YOU!
–

More Related Content

PDF
TechSEO Boost 2018: Python for SEOs
PDF
TechSEO Boost 2018: Watching Googlebot Watching You: Optimizing with Server Logs
PDF
Automate, Create Tools, & Test Ideas Quickly with Google Apps Script
PDF
TechSEO Boost: Machine Learning for SEOs
PPTX
Python for SEO
PPTX
Scaling automated quality text generation for enterprise sites
PPTX
Solving Complex JavaScript Issues and Leveraging Semantic HTML5
PDF
TechSEO Boost 2021 - Rendering Strategies: Measuring the Devil’s Details in C...
TechSEO Boost 2018: Python for SEOs
TechSEO Boost 2018: Watching Googlebot Watching You: Optimizing with Server Logs
Automate, Create Tools, & Test Ideas Quickly with Google Apps Script
TechSEO Boost: Machine Learning for SEOs
Python for SEO
Scaling automated quality text generation for enterprise sites
Solving Complex JavaScript Issues and Leveraging Semantic HTML5
TechSEO Boost 2021 - Rendering Strategies: Measuring the Devil’s Details in C...

What's hot (20)

PDF
TechSEO Boost 2018: Internal Link Optimization on Steroids
PDF
The Ultimate Pagination for SEO
PDF
Generating Qualitative Content with GPT-2 in All Languages
PDF
TechSEO Boost 2018: Implementing Hreflang on Legacy Tech Stacks Using Service...
PDF
TechSEO Boost 2021 - SEO Experimentation
PDF
SEO Meets Automation
PPTX
The New Renaissance of JavaScript
PDF
Automating Google Lighthouse
PDF
TechSEO Boost 2021 - The Future Is The Past: Tagging And Tracking Through The...
PDF
Automated Duplicate Content Consolidation with Google Cloud Functions
PPTX
TechSEO Boost 2017: SEO Best Practices for JavaScript T-Based Websites
PPTX
TechSEO Boost 2018: The Statelessness of Technical SEO
PDF
TechSEO Boost 2018: Programming Basics for SEOs
PDF
Debugging rendering problems at scale
PDF
SearchLove Boston 2018 - Tom Anthony - Hacking Google: what you can learn fro...
PDF
SEO for Angular - BrightonSEO 2018
PPTX
Python For Technical SEO | Women In Tech SEO Festival March 2020 | Ruth Everett
PPTX
TechSEO Boost 2017: Making the Web Fast
PPTX
Getting Started with Python and Machine Learning for SEO | BrightonSEO Octobe...
PDF
Headless SEO: Optimising Next Gen Sites | brightonSEO 2021
TechSEO Boost 2018: Internal Link Optimization on Steroids
The Ultimate Pagination for SEO
Generating Qualitative Content with GPT-2 in All Languages
TechSEO Boost 2018: Implementing Hreflang on Legacy Tech Stacks Using Service...
TechSEO Boost 2021 - SEO Experimentation
SEO Meets Automation
The New Renaissance of JavaScript
Automating Google Lighthouse
TechSEO Boost 2021 - The Future Is The Past: Tagging And Tracking Through The...
Automated Duplicate Content Consolidation with Google Cloud Functions
TechSEO Boost 2017: SEO Best Practices for JavaScript T-Based Websites
TechSEO Boost 2018: The Statelessness of Technical SEO
TechSEO Boost 2018: Programming Basics for SEOs
Debugging rendering problems at scale
SearchLove Boston 2018 - Tom Anthony - Hacking Google: what you can learn fro...
SEO for Angular - BrightonSEO 2018
Python For Technical SEO | Women In Tech SEO Festival March 2020 | Ruth Everett
TechSEO Boost 2017: Making the Web Fast
Getting Started with Python and Machine Learning for SEO | BrightonSEO Octobe...
Headless SEO: Optimising Next Gen Sites | brightonSEO 2021
Ad

Similar to TechSEO Boost 2018: SEO, WPO, SPA, AMP, PWA & Other Acronyms: Performance that Matters (20)

KEY
JavaScript For People Who Don't Code
PPTX
Getting Release Management Right for SQL Server
PDF
A Taxonomy of Clustering, or, No Container is an Island
PDF
Building for big data in the cloud
PPTX
What's Next for Page Experience - SMX Next 2021 - Patrick Stox
DOCX
Web administration lab file
PDF
Web components
PDF
Delivering Cloud-Native Data Pipelines with Kafka Connect on Kubernetes | Vik...
PDF
Gaurav Jatav , BCA Third Year
PPTX
Page Experience Update TMC June 2021 Patrick Stox
PDF
web-tech-lab-manual-final-abhas.pdf. Jer
PPTX
Google's Search Signals For Page Experience - SMX Advanced 2021 Patrick Stox
PPTX
Getting CI right for SQL Server
PPTX
Continuous integration testing 2019 08
PPTX
How Selenium Finds Elements
TXT
Energy ~ nikola tesla secret ~ 9 79% conv ~ 100% comm of $110 sale teslaecoe...
PPTX
Biwug2611 - Apps for 2010
PPTX
PDF
Design & Performance - Steve Souders at Fastly Altitude 2015
PDF
#JavadayEcuador Monolith to Microservices
JavaScript For People Who Don't Code
Getting Release Management Right for SQL Server
A Taxonomy of Clustering, or, No Container is an Island
Building for big data in the cloud
What's Next for Page Experience - SMX Next 2021 - Patrick Stox
Web administration lab file
Web components
Delivering Cloud-Native Data Pipelines with Kafka Connect on Kubernetes | Vik...
Gaurav Jatav , BCA Third Year
Page Experience Update TMC June 2021 Patrick Stox
web-tech-lab-manual-final-abhas.pdf. Jer
Google's Search Signals For Page Experience - SMX Advanced 2021 Patrick Stox
Getting CI right for SQL Server
Continuous integration testing 2019 08
How Selenium Finds Elements
Energy ~ nikola tesla secret ~ 9 79% conv ~ 100% comm of $110 sale teslaecoe...
Biwug2611 - Apps for 2010
Design & Performance - Steve Souders at Fastly Altitude 2015
#JavadayEcuador Monolith to Microservices
Ad

More from Catalyst (20)

PDF
Closing the Gap: Adopting Omnichannel Strategies for Stronger Brand-Consumer ...
PDF
TechSEO Boost 2021 - Cultivating a Product Mindset for Success
PDF
10 Trends Changing Programmatic
PDF
New Commerce Conference: Charting a Course to Success with Your Retail Media ...
PDF
The New Commerce Conference: The Omni-channel Imperative
PDF
New Commerce Commerce: All Things Instacart
PDF
The Power of SEO: Protect Your Bottom Line & Future Proof Your Brand
PDF
The Era of Omni-Commerce: New Insights for Dominating the Digital Shelf and B...
PDF
Reignite Your Business with Performance Marketing: 4 Ways to Fuel Your Reopening
PDF
Reignite Your Business with Performance Marketing: 4 Ways to Dial-Up Brand In...
PDF
Evolve Your Social Commerce Strategy: Thinking Beyond Facebook
PDF
B2B SEO: Increase Traffic & Leads in 2020
PDF
Keynote: Bias in Search and Recommender Systems
PDF
TechSEO Boost 2019: Research Competition
PDF
NLP Powered Outreach Link Building
PDF
NLP for SEO
PDF
What I Learned Building a Toy Example to Crawl & Render like Google
PDF
The User is The Query: The Rise of Predictive Proactive Search
PDF
Ranking Factors Going Causal: Regressions, Machine Learning, and Neural Networks
PDF
Crawl Budget Conqueror - Take Control of Your Crawl Budget
Closing the Gap: Adopting Omnichannel Strategies for Stronger Brand-Consumer ...
TechSEO Boost 2021 - Cultivating a Product Mindset for Success
10 Trends Changing Programmatic
New Commerce Conference: Charting a Course to Success with Your Retail Media ...
The New Commerce Conference: The Omni-channel Imperative
New Commerce Commerce: All Things Instacart
The Power of SEO: Protect Your Bottom Line & Future Proof Your Brand
The Era of Omni-Commerce: New Insights for Dominating the Digital Shelf and B...
Reignite Your Business with Performance Marketing: 4 Ways to Fuel Your Reopening
Reignite Your Business with Performance Marketing: 4 Ways to Dial-Up Brand In...
Evolve Your Social Commerce Strategy: Thinking Beyond Facebook
B2B SEO: Increase Traffic & Leads in 2020
Keynote: Bias in Search and Recommender Systems
TechSEO Boost 2019: Research Competition
NLP Powered Outreach Link Building
NLP for SEO
What I Learned Building a Toy Example to Crawl & Render like Google
The User is The Query: The Rise of Predictive Proactive Search
Ranking Factors Going Causal: Regressions, Machine Learning, and Neural Networks
Crawl Budget Conqueror - Take Control of Your Crawl Budget

Recently uploaded (20)

PDF
The Social Proof Renaissance: Leveraging Testimonial Content for Trust, Conve...
PDF
Buy Elite Yelp Reviews In This Year 2025
PDF
How the Minnesota Vikings Used Community to Drive 170% Growth and Acquire 34K...
PDF
Mastering the Art of the Prompt - Brantley Smith, HomePro Marketing
PDF
Types of Custom Envelopes and Their Uses
PDF
Buy LinkedIn Accounts In This Years 2025
PDF
AI in Marketing - From Imagination to Execution - Aarshiya Khandelwal
PDF
Ramjilal Ramsaroop || Trending Branding
PDF
Prove and Prioritize Profitability in Every Marketing Campaign - Zach Sherrod...
PDF
Digital Marketing in the Age of AI: What CEOs Need to Know - Jennifer Apy, Ch...
PDF
AI, Automation & SEO: The New Marketing PlaybooK - Eric Ritter, Digital Neighbor
PDF
Beginners Guide on How to do Email Marketing
PDF
Unlocking Future Growth: Attract Customers with Automation & Fresh Strategies...
PDF
Content Marketing Used By Travel Companies
PPTX
Amazon - STRATEGIC.......................pptx
PDF
Proven AI Visibility: From SEO Strategy To GEO Tactics
PDF
AFCAT Syllabus 2026 Guide by Best Defence Academy in Lucknow.pdf
PPTX
Solomon_Chapter 6_The Self: Mind, Gender, and Body.pptx
PDF
Marketing Automation Master Class - Michael Tucker, Benjamin Yeboah
PDF
The Psychology of Web Content - Matthew Capala, Alphametic
The Social Proof Renaissance: Leveraging Testimonial Content for Trust, Conve...
Buy Elite Yelp Reviews In This Year 2025
How the Minnesota Vikings Used Community to Drive 170% Growth and Acquire 34K...
Mastering the Art of the Prompt - Brantley Smith, HomePro Marketing
Types of Custom Envelopes and Their Uses
Buy LinkedIn Accounts In This Years 2025
AI in Marketing - From Imagination to Execution - Aarshiya Khandelwal
Ramjilal Ramsaroop || Trending Branding
Prove and Prioritize Profitability in Every Marketing Campaign - Zach Sherrod...
Digital Marketing in the Age of AI: What CEOs Need to Know - Jennifer Apy, Ch...
AI, Automation & SEO: The New Marketing PlaybooK - Eric Ritter, Digital Neighbor
Beginners Guide on How to do Email Marketing
Unlocking Future Growth: Attract Customers with Automation & Fresh Strategies...
Content Marketing Used By Travel Companies
Amazon - STRATEGIC.......................pptx
Proven AI Visibility: From SEO Strategy To GEO Tactics
AFCAT Syllabus 2026 Guide by Best Defence Academy in Lucknow.pdf
Solomon_Chapter 6_The Self: Mind, Gender, and Body.pptx
Marketing Automation Master Class - Michael Tucker, Benjamin Yeboah
The Psychology of Web Content - Matthew Capala, Alphametic

TechSEO Boost 2018: SEO, WPO, SPA, AMP, PWA & Other Acronyms: Performance that Matters

  • 2. Tim Kadlec | @tkadlec | #TechSEOBoost SEO, WPO, SPA, AMP, PWA & OTHER ACRONYMS – Performance that matters
  • 3. Tim Kadlec | @tkadlec | #TechSEOBoost <meta name="keywords” content=”fantastic, />
  • 4. Tim Kadlec | @tkadlec | #TechSEOBoost <meta name="keywords” content=”fantastic, amazing, />
  • 5. Tim Kadlec | @tkadlec | #TechSEOBoost <meta name="keywords” content=”fantastic, amazing, great, />
  • 6. Tim Kadlec | @tkadlec | #TechSEOBoost <meta name="keywords” content=”fantastic, amazing, great, wonderful, />
  • 7. Tim Kadlec | @tkadlec | #TechSEOBoost <meta name="keywords” content=”fantastic, amazing, great, wonderful, stellar, />
  • 8. Tim Kadlec | @tkadlec | #TechSEOBoost <meta name="keywords” content=”fantastic, amazing, great, wonderful, stellar, super, />
  • 9. Tim Kadlec | @tkadlec | #TechSEOBoost <meta name="keywords” content=”fantastic, amazing, great, wonderful, stellar, super, outstanding” />
  • 10. Tim Kadlec | @tkadlec | #TechSEOBoost
  • 11. Tim Kadlec | @tkadlec | #TechSEOBoost Connect people with the information they need from the highest quality source
  • 12. Tim Kadlec | @tkadlec | #TechSEOBoost highest quality source
  • 13. Tim Kadlec | @tkadlec | #TechSEOBoost
  • 14. Tim Kadlec | @tkadlec | #TechSEOBoost bit.ly/2BAMcpX
  • 15. Tim Kadlec | @tkadlec | #TechSEOBoost bit.ly/2KC1Vri
  • 16. Tim Kadlec | @tkadlec | #TechSEOBoost bit.ly/2QrstBi
  • 17. Tim Kadlec | @tkadlec | #TechSEOBoost
  • 18. Tim Kadlec | @tkadlec | #TechSEOBoost 341MS
  • 19. Tim Kadlec | @tkadlec | #TechSEOBoost 5.7s
  • 20. Tim Kadlec | @tkadlec | #TechSEOBoost 32.9s
  • 21. Tim Kadlec | @tkadlec | #TechSEOBoost
  • 22. Tim Kadlec | @tkadlec | #TechSEOBoost THERE IS NO ONE METRIC TO RULE THEM ALL (and in the darkness bind them)
  • 23. Tim Kadlec | @tkadlec | #TechSEOBoost
  • 24. Tim Kadlec | @tkadlec | #TechSEOBoost wpostats.com
  • 25. Tim Kadlec | @tkadlec | #TechSEOBoost
  • 26. Tim Kadlec | @tkadlec | #TechSEOBoost
  • 27. Tim Kadlec | @tkadlec | #TechSEOBoost
  • 28. Tim Kadlec | @tkadlec | #TechSEOBoost
  • 29. Tim Kadlec | @tkadlec | #TechSEOBoost BETTER PERFORMANCE MEANS A BETTER EXPERIENCE
  • 30. Tim Kadlec | @tkadlec | #TechSEOBoost
  • 31. Tim Kadlec | @tkadlec | #TechSEOBoost
  • 32. Tim Kadlec | @tkadlec | #TechSEOBoost
  • 33. Tim Kadlec | @tkadlec | #TechSEOBoost CRAWL PROCESS INDEX
  • 34. Tim Kadlec | @tkadlec | #TechSEOBoost PROCESS
  • 35. Tim Kadlec | @tkadlec | #TechSEOBoost RENDER QUEUE RENDERER
  • 36. Tim Kadlec | @tkadlec | #TechSEOBoost RENDER QUEUE RENDERER 41
  • 37. Tim Kadlec | @tkadlec | #TechSEOBoost CRAWL QUEUE RENDERER
  • 38. Tim Kadlec | @tkadlec | #TechSEOBoost UP TO ONE WEEK
  • 39. Tim Kadlec | @tkadlec | #TechSEOBoost <script type="text/javascript” src="jquereactgular.js"></script>
  • 40. Tim Kadlec | @tkadlec | #TechSEOBoost <script>
  • 41. Tim Kadlec | @tkadlec | #TechSEOBoost <script type="text/javascript" async src="jquereactgular.js"></script>
  • 42. Tim Kadlec | @tkadlec | #TechSEOBoost <script async>
  • 43. Tim Kadlec | @tkadlec | #TechSEOBoost <script async>
  • 44. Tim Kadlec | @tkadlec | #TechSEOBoost <script type="text/javascript" defer src="jquereactgular.js"></script>
  • 45. Tim Kadlec | @tkadlec | #TechSEOBoost <script defer>
  • 46. Tim Kadlec | @tkadlec | #TechSEOBoost <script defer>
  • 47. Tim Kadlec | @tkadlec | #TechSEOBoost
  • 48. Tim Kadlec | @tkadlec | #TechSEOBoost
  • 49. Tim Kadlec | @tkadlec | #TechSEOBoost
  • 50. Tim Kadlec | @tkadlec | #TechSEOBoost
  • 51. Tim Kadlec | @tkadlec | #TechSEOBoost
  • 52. Tim Kadlec | @tkadlec | #TechSEOBoost SPOF SINGLE POINT OF FAILURE
  • 53. Tim Kadlec | @tkadlec | #TechSEOBoost bit.ly/2Q52OPd
  • 54. Tim Kadlec | @tkadlec | #TechSEOBoost
  • 55. Tim Kadlec | @tkadlec | #TechSEOBoost
  • 56. Tim Kadlec | @tkadlec | #TechSEOBoost defer async
  • 57. Tim Kadlec | @tkadlec | #TechSEOBoost
  • 58. Tim Kadlec | @tkadlec | #TechSEOBoost ~2500-3000kb
  • 59. Tim Kadlec | @tkadlec | #TechSEOBoost ~2500-3000kb
  • 60. Tim Kadlec | @tkadlec | #TechSEOBoost ~2500-3000kb
  • 61. Tim Kadlec | @tkadlec | #TechSEOBoost
  • 62. Tim Kadlec | @tkadlec | #TechSEOBoost
  • 63. Tim Kadlec | @tkadlec | #TechSEOBoost
  • 64. Tim Kadlec | @tkadlec | #TechSEOBoost
  • 65. Tim Kadlec | @tkadlec | #TechSEOBoost FRIENDS DON’T LET FRIENDS USE CLIENT-SIDE A/B TESTING
  • 66. Tim Kadlec | @tkadlec | #TechSEOBoost bit.ly/2E4WroL
  • 67. Tim Kadlec | @tkadlec | #TechSEOBoost <!--workertest:mytest=a--> <a href="#" class="donuts"> Try our delicious <i>donuts!</i> <img src="donuts.png" alt="two iced donuts"> </a> <!--/workertest:mytest=a--> <!--workertest:mytest=b--> <a href="#" class="wafel"> Try our delicious <i>stroop wafels!</i> <img src="wafel.png" alt="stroop wafels"> </a> <!--/workertest:mytest=b-->
  • 68. Tim Kadlec | @tkadlec | #TechSEOBoost
  • 69. Tim Kadlec | @tkadlec | #TechSEOBoost 1933 4617 4227 0 500 1000 1500 2000 2500 3000 3500 4000 4500 5000 Canonical AMP AMP w/ CDN
  • 70. Tim Kadlec | @tkadlec | #TechSEOBoost 3277 6171 8152 0 1000 2000 3000 4000 5000 6000 7000 8000 9000 Canonical AMP AMP w/ CDN
  • 71. Tim Kadlec | @tkadlec | #TechSEOBoost 1. Why is AMP faster? 2. Why is AMP slower to start render? 3. Why is AMP on the CDN better?
  • 72. Tim Kadlec | @tkadlec | #TechSEOBoost 1. Why is AMP faster?
  • 73. Tim Kadlec | @tkadlec | #TechSEOBoost 53 61 318 0 50 100 150 200 250 300 350 Canonical AMP AMP w/ CDN
  • 74. Tim Kadlec | @tkadlec | #TechSEOBoost
  • 75. Tim Kadlec | @tkadlec | #TechSEOBoost
  • 76. Tim Kadlec | @tkadlec | #TechSEOBoost 59% THIRD-PARTY REQUESTS
  • 77. Tim Kadlec | @tkadlec | #TechSEOBoost 2. Why is AMP slower to start render?
  • 78. Tim Kadlec | @tkadlec | #TechSEOBoost <script custom-element="amp-font" src="https://cdn.ampproject.org/v0/amp-font-0.1.js" async></script> <script custom-element="amp-twitter" src="https://cdn.ampproject.org/v0/amp-twitter-0.1.js" async></script> <script custom-element="amp-facebook" src="https://cdn.ampproject.org/v0/amp-facebook-0.1.js" async></script> <script custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js" async></script> <script custom-element="amp-vimeo" src="https://cdn.ampproject.org/v0/amp-vimeo-0.1.js" async></script> <script custom-element="amp-soundcloud" src="https://cdn.ampproject.org/v0/amp-soundcloud-0.1.js" async></script> <script custom-element="amp-instagram" src="https://cdn.ampproject.org/v0/amp-instagram-0.1.js" async></script> <script custom-element="amp-list" src="https://cdn.ampproject.org/v0/amp-list-0.1.js" async></script> <script custom-element="amp-geo" src="https://cdn.ampproject.org/v0/amp-geo-0.1.js" async></script>
  • 79. Tim Kadlec | @tkadlec | #TechSEOBoost <script async>
  • 80. Tim Kadlec | @tkadlec | #TechSEOBoost 3. Why is AMP on the CDN better?
  • 81. Tim Kadlec | @tkadlec | #TechSEOBoost • Caching images and fonts • Restricting maximum image sizes • Compressing images on the fly • Uses HTTP/2 and HTTPS • Strips out HTML comments • Automates inclusion of resource hints such as dns-prefetch and preconnect • Pre-rendering the page on the server
  • 82. Tim Kadlec | @tkadlec | #TechSEOBoost • Pre-rendering the page on the server
  • 83. Tim Kadlec | @tkadlec | #TechSEOBoost bit.ly/2AuWNkh
  • 84. Tim Kadlec | @tkadlec | #TechSEOBoost 25% of contributors work at Google
  • 85. Tim Kadlec | @tkadlec | #TechSEOBoost 90% of contributions come from Google
  • 86. Tim Kadlec | @tkadlec | #TechSEOBoost bit.ly/2Qt2pp8
  • 87. Tim Kadlec | @tkadlec | #TechSEOBoost bit.ly/2SkMdns
  • 88. Tim Kadlec | @tkadlec | #TechSEOBoost Feature-Policy: unsized-media 'none'
  • 89. Tim Kadlec | @tkadlec | #TechSEOBoost
  • 90. Tim Kadlec | @tkadlec | #TechSEOBoost WHEN IN DOUBT BET ON THE WEB
  • 91. Tim Kadlec | @tkadlec | #TechSEOBoost PWA’s PROGRESSIVE WEB APPS
  • 92. Tim Kadlec | @tkadlec | #TechSEOBoost Frances Berriman Alex Russell
  • 93. Tim Kadlec | @tkadlec | #TechSEOBoost pwastats.com
  • 94. Tim Kadlec | @tkadlec | #TechSEOBoost Connect people with the information they need from the highest quality source
  • 95. Tim Kadlec | @tkadlec | #TechSEOBoost
  • 96. Tim Kadlec | @tkadlec | #TechSEOBoost THANK YOU! –