SlideShare ist ein Scribd-Unternehmen logo
1 von 96
Downloaden Sie, um offline zu lesen
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!
–

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

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

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

JavaScript For People Who Don't Code
JavaScript For People Who Don't CodeJavaScript For People Who Don't Code
JavaScript For People Who Don't Code
Christopher Schmitt
 
Web administration lab file
Web administration lab fileWeb administration lab file
Web administration lab file
Ankit Dixit
 
Energy ~ nikola tesla secret ~ 9 79% conv ~ 100% comm of $110 sale teslaecoe...
Energy ~ nikola tesla secret ~ 9 79% conv ~ 100% comm of $110 sale  teslaecoe...Energy ~ nikola tesla secret ~ 9 79% conv ~ 100% comm of $110 sale  teslaecoe...
Energy ~ nikola tesla secret ~ 9 79% conv ~ 100% comm of $110 sale teslaecoe...
Miroslav Miskovic
 
Delivering client sites - KC2015
Delivering client sites - KC2015Delivering client sites - KC2015
Delivering client sites - KC2015
Ilesh Mistry
 

Ähnlich wie TechSEO Boost 2018: SEO, WPO, SPA, AMP, PWA & Other Acronyms: Performance that Matters (20)

JavaScript For People Who Don't Code
JavaScript For People Who Don't CodeJavaScript For People Who Don't Code
JavaScript For People Who Don't Code
 
Getting Release Management Right for SQL Server
Getting Release Management Right for SQL ServerGetting Release Management Right for SQL Server
Getting Release Management Right for SQL Server
 
A Taxonomy of Clustering, or, No Container is an Island
A Taxonomy of Clustering, or, No Container is an IslandA Taxonomy of Clustering, or, No Container is an Island
A Taxonomy of Clustering, or, No Container is an Island
 
Building for big data in the cloud
Building for big data in the cloudBuilding for big data in the cloud
Building for big data in the cloud
 
What's Next for Page Experience - SMX Next 2021 - Patrick Stox
What's Next for Page Experience - SMX Next 2021 - Patrick StoxWhat's Next for Page Experience - SMX Next 2021 - Patrick Stox
What's Next for Page Experience - SMX Next 2021 - Patrick Stox
 
Web administration lab file
Web administration lab fileWeb administration lab file
Web administration lab file
 
Web components
Web componentsWeb components
Web components
 
Delivering Cloud-Native Data Pipelines with Kafka Connect on Kubernetes | Vik...
Delivering Cloud-Native Data Pipelines with Kafka Connect on Kubernetes | Vik...Delivering Cloud-Native Data Pipelines with Kafka Connect on Kubernetes | Vik...
Delivering Cloud-Native Data Pipelines with Kafka Connect on Kubernetes | Vik...
 
Gaurav Jatav , BCA Third Year
Gaurav Jatav , BCA Third YearGaurav Jatav , BCA Third Year
Gaurav Jatav , BCA Third Year
 
Page Experience Update TMC June 2021 Patrick Stox
Page Experience Update TMC June 2021 Patrick StoxPage Experience Update TMC June 2021 Patrick Stox
Page Experience Update TMC June 2021 Patrick Stox
 
Google's Search Signals For Page Experience - SMX Advanced 2021 Patrick Stox
Google's Search Signals For Page Experience - SMX Advanced 2021 Patrick StoxGoogle's Search Signals For Page Experience - SMX Advanced 2021 Patrick Stox
Google's Search Signals For Page Experience - SMX Advanced 2021 Patrick Stox
 
Getting CI right for SQL Server
Getting CI right for SQL ServerGetting CI right for SQL Server
Getting CI right for SQL Server
 
Continuous integration testing 2019 08
Continuous integration testing 2019 08Continuous integration testing 2019 08
Continuous integration testing 2019 08
 
How Selenium Finds Elements
How Selenium Finds ElementsHow Selenium Finds Elements
How Selenium Finds Elements
 
Energy ~ nikola tesla secret ~ 9 79% conv ~ 100% comm of $110 sale teslaecoe...
Energy ~ nikola tesla secret ~ 9 79% conv ~ 100% comm of $110 sale  teslaecoe...Energy ~ nikola tesla secret ~ 9 79% conv ~ 100% comm of $110 sale  teslaecoe...
Energy ~ nikola tesla secret ~ 9 79% conv ~ 100% comm of $110 sale teslaecoe...
 
Biwug2611 - Apps for 2010
Biwug2611 - Apps for 2010Biwug2611 - Apps for 2010
Biwug2611 - Apps for 2010
 
Biwug
BiwugBiwug
Biwug
 
Design & Performance - Steve Souders at Fastly Altitude 2015
Design & Performance - Steve Souders at Fastly Altitude 2015Design & Performance - Steve Souders at Fastly Altitude 2015
Design & Performance - Steve Souders at Fastly Altitude 2015
 
#JavadayEcuador Monolith to Microservices
#JavadayEcuador Monolith to Microservices#JavadayEcuador Monolith to Microservices
#JavadayEcuador Monolith to Microservices
 
Delivering client sites - KC2015
Delivering client sites - KC2015Delivering client sites - KC2015
Delivering client sites - KC2015
 

Mehr von Catalyst

New Commerce Commerce: All Things Instacart
New Commerce Commerce: All Things InstacartNew Commerce Commerce: All Things Instacart
New Commerce Commerce: All Things Instacart
Catalyst
 
Reignite Your Business with Performance Marketing: 4 Ways to Fuel Your Reopening
Reignite Your Business with Performance Marketing: 4 Ways to Fuel Your ReopeningReignite Your Business with Performance Marketing: 4 Ways to Fuel Your Reopening
Reignite Your Business with Performance Marketing: 4 Ways to Fuel Your Reopening
Catalyst
 
Reignite Your Business with Performance Marketing: 4 Ways to Dial-Up Brand In...
Reignite Your Business with Performance Marketing: 4 Ways to Dial-Up Brand In...Reignite Your Business with Performance Marketing: 4 Ways to Dial-Up Brand In...
Reignite Your Business with Performance Marketing: 4 Ways to Dial-Up Brand In...
Catalyst
 

Mehr von Catalyst (20)

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

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Digital-Marketing-Into-by-Zoraiz-Ahmad.pptx
Digital-Marketing-Into-by-Zoraiz-Ahmad.pptxDigital-Marketing-Into-by-Zoraiz-Ahmad.pptx
Digital-Marketing-Into-by-Zoraiz-Ahmad.pptx
 
2024 Social Trends Report V4 from Later.com
2024 Social Trends Report V4 from Later.com2024 Social Trends Report V4 from Later.com
2024 Social Trends Report V4 from Later.com
 
Elevating Your Digital Presence by Evitha.pdf
Elevating Your Digital Presence by Evitha.pdfElevating Your Digital Presence by Evitha.pdf
Elevating Your Digital Presence by Evitha.pdf
 
Unveiling the Legacy of the Rosetta stone A Key to Ancient Knowledge.pptx
Unveiling the Legacy of the Rosetta stone A Key to Ancient Knowledge.pptxUnveiling the Legacy of the Rosetta stone A Key to Ancient Knowledge.pptx
Unveiling the Legacy of the Rosetta stone A Key to Ancient Knowledge.pptx
 
Social Media Marketing Portfolio - Maharsh Benday
Social Media Marketing Portfolio - Maharsh BendaySocial Media Marketing Portfolio - Maharsh Benday
Social Media Marketing Portfolio - Maharsh Benday
 
Five Essential Tools for International SEO - Natalia Witczyk - SearchNorwich 15
Five Essential Tools for International SEO - Natalia Witczyk - SearchNorwich 15Five Essential Tools for International SEO - Natalia Witczyk - SearchNorwich 15
Five Essential Tools for International SEO - Natalia Witczyk - SearchNorwich 15
 
personal branding kit for music business
personal branding kit for music businesspersonal branding kit for music business
personal branding kit for music business
 
TAM_AdEx-Cross_Media_Report-Banking_Finance_Investment_(BFSI)_2023.pdf
TAM_AdEx-Cross_Media_Report-Banking_Finance_Investment_(BFSI)_2023.pdfTAM_AdEx-Cross_Media_Report-Banking_Finance_Investment_(BFSI)_2023.pdf
TAM_AdEx-Cross_Media_Report-Banking_Finance_Investment_(BFSI)_2023.pdf
 
Unraveling the Mystery of The Circleville Letters.pptx
Unraveling the Mystery of The Circleville Letters.pptxUnraveling the Mystery of The Circleville Letters.pptx
Unraveling the Mystery of The Circleville Letters.pptx
 
Choosing the Right White Label SEO Services to Boost Your Agency's Growth.pdf
Choosing the Right White Label SEO Services to Boost Your Agency's Growth.pdfChoosing the Right White Label SEO Services to Boost Your Agency's Growth.pdf
Choosing the Right White Label SEO Services to Boost Your Agency's Growth.pdf
 
Social media, ppt. Features, characteristics
Social media, ppt. Features, characteristicsSocial media, ppt. Features, characteristics
Social media, ppt. Features, characteristics
 
Elevate Your Advertising Game: Introducing Billion Broadcaster Lift Advertising
Elevate Your Advertising Game: Introducing Billion Broadcaster Lift AdvertisingElevate Your Advertising Game: Introducing Billion Broadcaster Lift Advertising
Elevate Your Advertising Game: Introducing Billion Broadcaster Lift Advertising
 
Rise and fall of Kulula.com, an airline won consumers by different marketing ...
Rise and fall of Kulula.com, an airline won consumers by different marketing ...Rise and fall of Kulula.com, an airline won consumers by different marketing ...
Rise and fall of Kulula.com, an airline won consumers by different marketing ...
 
Instant Digital Issuance: An Overview With Critical First Touch Best Practices
Instant Digital Issuance: An Overview With Critical First Touch Best PracticesInstant Digital Issuance: An Overview With Critical First Touch Best Practices
Instant Digital Issuance: An Overview With Critical First Touch Best Practices
 
Best 5 Graphics Designing Course In Chandigarh
Best 5 Graphics Designing Course In ChandigarhBest 5 Graphics Designing Course In Chandigarh
Best 5 Graphics Designing Course In Chandigarh
 
Busty Desi⚡Call Girls in Sector 135 Noida Escorts >༒8448380779 Escort Service
Busty Desi⚡Call Girls in Sector 135 Noida Escorts >༒8448380779 Escort ServiceBusty Desi⚡Call Girls in Sector 135 Noida Escorts >༒8448380779 Escort Service
Busty Desi⚡Call Girls in Sector 135 Noida Escorts >༒8448380779 Escort Service
 
[Expert Panel] New Google Shopping Ads Strategies Uncovered
[Expert Panel] New Google Shopping Ads Strategies Uncovered[Expert Panel] New Google Shopping Ads Strategies Uncovered
[Expert Panel] New Google Shopping Ads Strategies Uncovered
 
Analysis of Sineing Website and how to fix
Analysis of Sineing Website and how to fixAnalysis of Sineing Website and how to fix
Analysis of Sineing Website and how to fix
 
Enhancing Business Visibility PR Firms in San Francisco
Enhancing Business Visibility PR Firms in San FranciscoEnhancing Business Visibility PR Firms in San Francisco
Enhancing Business Visibility PR Firms in San Francisco
 
Major SEO Trends in 2024 - Banyanbrain Digital
Major SEO Trends in 2024 - Banyanbrain DigitalMajor SEO Trends in 2024 - Banyanbrain Digital
Major SEO Trends in 2024 - Banyanbrain Digital
 

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

  • 1.
  • 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! –