SlideShare a Scribd company logo
1 of 38
Download to read offline
Performance and user
experience for the web of
tomorrow.
Product Manager, Search & Content Ecosystem
Google
@marrrr
Mariya Moeva
Mariya Moeva
Product Manager, Search &
Content Ecosystem
Google
@marrrr
CMS usage is up and to the right.
CMS Usage by Year.
Y/Y Change 5.4% 2.8% 3.4% 3.1% 5.1% 3.3% 2% 6% 3.2%
23.6%
29%
31.8%
35.2%
38.3%
43.4%
46.7% 48.7%
54.7%
57.2%
2011 2012 2013 2014 2015 2016 2017 2018 2019 2020
Google and the WordPress ecosystem.
§ Images lazy-loading
§ XML Sitemaps
§ Site Kit plugin
§ Web Stories plugin
§ AMP plugin
§ WordCamp (EU, US, Asia)
§ Key industry events
Contribute to the core
WP platform
Build plugins Engage with the
community
Google and WP Engine.
§ Offers next-gen VMs from GCP
§ Sites see 40-50% improvement in
performance
§ AMP plugin in Solutions Center
§ AMP integration in Genesis 3.0
§ WordCamp US
§ here, today
Core Platform Plugins Community
photo by Philipp Lublasser on Unsplashphoto by Leyy M on Unsplash
The web is more critical than ever.
“We are seeing a big surge in physical
businesses coming online during the
pandemic. We used to create 1K stores
per day, and last month we created
2K+ per day.”
Pedro Henrique Freitas, Head of Loja Integrada (VTEX platform for SMBs)
photo by Tabea Damm on Unsplash
Speed and
Performance
Excellent
user experiences
Privacy
and Security
How do we get there?
provide actionable
feedback
deliver useful
insights in the
right context
work towards new
open standards
Speed and
Performance.
Provide actionable feedback.
Speed is critical.
delay in mobile load
times can impact
conversion rates by
up to 20%1
conversions grow by
8% if speed metrics
across a retail site
improve by 0.1s2
1s 0,1s
1. SOASTA,The State of Online Retail Performance, U.S., April 2017/
2. Google/55/Deloitte, Milliseconds make Millions study, EMEA and US, Oct-Nov 2019, n=37 brand sites analysed
hourly over a 30 day period totalling 30.5m sessions.
Prioritizing quality of experience.
Is it delightful?Is it responsive?Is it happening?
contentbazaar.co/20160314/pi-way
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco
contentbazaar.co/20160314/pi-waycontentbazaar.co/20160314/pi-way
core web vitals
Largest Contentful Paint.
"I can’t see any useful content!
Why does it take so long to
load? 😖"
Measures when the page becomes useful to
the user or when the main content on the
screen has likely loaded.
GOOD ADEQUATE POOR
2.5s 4.0s
First Input Delay.
Measures your user’s first impression of your
site’s interactivity and responsiveness.
GOOD ADEQUATE POOR
100ms 300ms
Cumulative Layout Shift.
"I was about to click that! Why
did it move? 😭"
Measures layout stability to ensure users
experience smooth and natural interactions.
GOOD ADEQUATE POOR
0.1 0.25
Updated Google tools.
Lighthouse PageSpeed
Insights
Chrome Dev
Tools
Chrome User
Experience
Report (CrUX)
AMP prioritizes user experience.
Lazy-load non-
critical content
Optimized
tracking
Responsive design
Optimized image
Excellent user
experiences.
Deliver useful insights in the right
context.
What business owners need.
I need to run my start-up, I have
no time to look at so many
different tools [GA, Search
Console, Trends, AWX...]
better send me an email with a
simple summary of how I’m doing
so I don’t forget.
“” I had a website created to achieve
the presence of legitimate
business, but it’s not ranking and
I don’t know how to make it
better to attract more
customers.
“” Send me an email to remind me,
and a link where I can get to some
[report] with red and green, so I
don’t get the anaphylactic
reaction in my brain [from
complicated reports].
“”
Our guiding principles.
1
Meet users
where they
are.
2
Show only
what they
need.
3
Insights,
not stats.
In context of action
they’re doing.
No complex reports.
Easy setup.
Combine relevant
info from many
products
Site Kit: the best of Google for WordPress.
Directly in the wp-admin
dashboard.
Insights from key google
products.
400k+ active installs.
Seamless setup and verification.
Show how the site is doing
in Search right after the
setup process.
Connecting additional
services unlocks richer
insights from more
Google products.
Cross-product insights.
Help business owners
understand how their
work pays off.
Excellent user
experiences.
Help business owners reach more
customers with better content.
Web Stories.
Cheaper to make than
video.
More engaging than a text
article.
More structured than video
and easier to scan.
Web
Stories
Stories on
Google
Your
Stories
Hosted
on your
server
Making
your own
money,
As
ephemeral
as you want
Driving
traffic to
your site
Web Stories
on Google
Search.
Web stories on Discover.
At 800 MM MAU
and growing*
“This past October, Google Discover drove more
traffic to Vogue’s international editions than Google
Search did.”
Sarah Marshall, Head of audience growth, Vogue International at Condé Nast
Web Stories for WordPress.
Coming soon to a WordPress
installation near you!
Register to be notified when
the beta is out:
goo.gle/storyeditor
See the Web Stories session
on the Sponsors page
Privacy and
security.
Work towards new open standards.
Evolve the web to better respect
user privacy and support a vibrant,
thriving ecosystem.
Cookies and fingerprinting.
Technologies that
support relevant user
experiences and fraud
prevention are also used
for unwanted tracking
across the web.
Small files a website or a
third-party service can
store in a user’s browser to
identify them.
Users can opt out of
cookie-based tracking.
Collecting enough
information about a user’s
device, settings, browser,
location, etc. to identify
them.
Users can’t opt out of
fingerprinting and most
aren’t aware it’s happening.
Replace legacy practices with
privacy-preserving alternatives.
SameSite cookies: new labeling
model to make cookies first-party by
default, and ensure third-party
cookies are accessed over secure
connections.
Improved user controls for managing
privacy settings.
support monetization and other key
use-cases without identifying users.
Privacy Sandbox: privacy-preserving
solutions for key web use-cases,
without identifying users across sites.
Privacy Budget: limit data collection
to prevent covert tracking
workarounds.
When the new solutions can meet the
needs of users, publishers,
advertisers, and other businesses.
Improve cookie security
and choice today
Develop replacement
solutions
Phase out support for 3P
cookies in Chrome
photo by Tabea Damm on Unsplash
Speed and
Performance
Excellent
user experiences
Privacy
and Security
Make the web safer,
faster, delightful for end
users and site owners.
Thank You.
@marrrr
Mariya Moeva
Performance and User Experience for the Web of Tomorrow

More Related Content

What's hot

What's hot (20)

WP Engine Customer Inspired: Innovation Showcase
WP Engine Customer Inspired: Innovation ShowcaseWP Engine Customer Inspired: Innovation Showcase
WP Engine Customer Inspired: Innovation Showcase
 
How to Use Amazon Personalize with Your WooCommerce Site in Just a Few Clicks...
How to Use Amazon Personalize with Your WooCommerce Site in Just a Few Clicks...How to Use Amazon Personalize with Your WooCommerce Site in Just a Few Clicks...
How to Use Amazon Personalize with Your WooCommerce Site in Just a Few Clicks...
 
Going From Project To Project To Monthly Recurring Revenue with Growth Suite
Going From Project To Project To Monthly Recurring Revenue with Growth Suite Going From Project To Project To Monthly Recurring Revenue with Growth Suite
Going From Project To Project To Monthly Recurring Revenue with Growth Suite
 
Powering Agency Growth with WordPress
Powering Agency Growth with WordPressPowering Agency Growth with WordPress
Powering Agency Growth with WordPress
 
Top Insights for Your WordPress Site
Top Insights for Your WordPress SiteTop Insights for Your WordPress Site
Top Insights for Your WordPress Site
 
Delivering For Clients: Improving ROI with Enterprise WordPress
Delivering For Clients: Improving ROI with Enterprise WordPress Delivering For Clients: Improving ROI with Enterprise WordPress
Delivering For Clients: Improving ROI with Enterprise WordPress
 
Search Engine Optimization using WordPress - Presented by Trust P Nhokovedzo.
Search Engine Optimization using WordPress - Presented by Trust P Nhokovedzo.Search Engine Optimization using WordPress - Presented by Trust P Nhokovedzo.
Search Engine Optimization using WordPress - Presented by Trust P Nhokovedzo.
 
Turn Your Website into Lead Generation Magnet
Turn Your Website into Lead Generation Magnet Turn Your Website into Lead Generation Magnet
Turn Your Website into Lead Generation Magnet
 
Fundamentals of Premum Plugin Development
Fundamentals of Premum Plugin DevelopmentFundamentals of Premum Plugin Development
Fundamentals of Premum Plugin Development
 
How to Make a Mobile-Ready WordPress Website
How to Make a Mobile-Ready WordPress WebsiteHow to Make a Mobile-Ready WordPress Website
How to Make a Mobile-Ready WordPress Website
 
SEO Basics & Beyond: Q1 2018 Edition
SEO Basics & Beyond: Q1 2018 EditionSEO Basics & Beyond: Q1 2018 Edition
SEO Basics & Beyond: Q1 2018 Edition
 
Choosing WordPress Plugins (WordCamp Raleigh 2016)
Choosing WordPress Plugins (WordCamp Raleigh 2016)Choosing WordPress Plugins (WordCamp Raleigh 2016)
Choosing WordPress Plugins (WordCamp Raleigh 2016)
 
Website Launch Checklist
Website Launch ChecklistWebsite Launch Checklist
Website Launch Checklist
 
Getting Indexed, A Little Patience?
Getting Indexed, A Little Patience?Getting Indexed, A Little Patience?
Getting Indexed, A Little Patience?
 
AMP and PWA
AMP and PWAAMP and PWA
AMP and PWA
 
SearchLeeds 2018 - Craig Campbell - How to fix the most common technical SEO ...
SearchLeeds 2018 - Craig Campbell - How to fix the most common technical SEO ...SearchLeeds 2018 - Craig Campbell - How to fix the most common technical SEO ...
SearchLeeds 2018 - Craig Campbell - How to fix the most common technical SEO ...
 
#WP TOOLKIT, Review2021
#WP TOOLKIT, Review2021#WP TOOLKIT, Review2021
#WP TOOLKIT, Review2021
 
google amp pages
google amp pagesgoogle amp pages
google amp pages
 
Finding Useful Plugins: How To Extend WordPress Past a Simple Blog
Finding Useful Plugins: How To Extend WordPress Past a Simple BlogFinding Useful Plugins: How To Extend WordPress Past a Simple Blog
Finding Useful Plugins: How To Extend WordPress Past a Simple Blog
 
I Do Websites.Com.Au Website Publisher Pp
I Do Websites.Com.Au Website Publisher PpI Do Websites.Com.Au Website Publisher Pp
I Do Websites.Com.Au Website Publisher Pp
 

Similar to Performance and User Experience for the Web of Tomorrow

Similar to Performance and User Experience for the Web of Tomorrow (20)

Baobab WebSuite overview - Publisher's Toolbox
Baobab WebSuite overview - Publisher's ToolboxBaobab WebSuite overview - Publisher's Toolbox
Baobab WebSuite overview - Publisher's Toolbox
 
Progressive Web App Challenges
Progressive Web App ChallengesProgressive Web App Challenges
Progressive Web App Challenges
 
Basic Understanding of Progressive Web Apps
Basic Understanding of Progressive Web AppsBasic Understanding of Progressive Web Apps
Basic Understanding of Progressive Web Apps
 
Website performance and an introduction to AMP
Website performance and an introduction to AMPWebsite performance and an introduction to AMP
Website performance and an introduction to AMP
 
The Future Of SEO/Content Marketing
The Future Of SEO/Content MarketingThe Future Of SEO/Content Marketing
The Future Of SEO/Content Marketing
 
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
 
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
 
Mobile SEO (English Version)
Mobile SEO (English Version)Mobile SEO (English Version)
Mobile SEO (English Version)
 
Go for Progressive Web Apps. Get a Better, Low Cost, Mobile Presence
Go for Progressive Web Apps. Get a Better, Low Cost, Mobile PresenceGo for Progressive Web Apps. Get a Better, Low Cost, Mobile Presence
Go for Progressive Web Apps. Get a Better, Low Cost, Mobile Presence
 
Planning Your Progressive Web App
Planning Your Progressive Web AppPlanning Your Progressive Web App
Planning Your Progressive Web App
 
Progressive Web Apps - NPD Meet
Progressive Web Apps - NPD MeetProgressive Web Apps - NPD Meet
Progressive Web Apps - NPD Meet
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
 
From AMP to PWA
From AMP to PWAFrom AMP to PWA
From AMP to PWA
 
Which plugins rule the world?
Which plugins rule the world? Which plugins rule the world?
Which plugins rule the world?
 
Improving frontend performance
Improving frontend performanceImproving frontend performance
Improving frontend performance
 
Client-side Web Performance Optimization [paper]
Client-side Web Performance Optimization [paper]Client-side Web Performance Optimization [paper]
Client-side Web Performance Optimization [paper]
 
Progressive Web Apps for Education
Progressive Web Apps for EducationProgressive Web Apps for Education
Progressive Web Apps for Education
 
10 Benefits of Having a Customized Website
10 Benefits of Having a Customized Website10 Benefits of Having a Customized Website
10 Benefits of Having a Customized Website
 
Optimizing Websites for Great User Experiences and Increased Conversions
Optimizing Websites for Great User Experiences and Increased ConversionsOptimizing Websites for Great User Experiences and Increased Conversions
Optimizing Websites for Great User Experiences and Increased Conversions
 
Plerdy's CRO/UX_Party February 2021 - Dan Taylor - SEO & UX
Plerdy's CRO/UX_Party February 2021 - Dan Taylor - SEO & UXPlerdy's CRO/UX_Party February 2021 - Dan Taylor - SEO & UX
Plerdy's CRO/UX_Party February 2021 - Dan Taylor - SEO & UX
 

More from WP Engine

More from WP Engine (20)

More Dev. Less Drama.pdf
More Dev. Less Drama.pdfMore Dev. Less Drama.pdf
More Dev. Less Drama.pdf
 
Why the Edge Isn't an Edge Case.pdf
Why the Edge Isn't an Edge Case.pdfWhy the Edge Isn't an Edge Case.pdf
Why the Edge Isn't an Edge Case.pdf
 
Post eCommerce Site Launch- Optimizing Your Conversion Rate.pdf
Post eCommerce Site Launch- Optimizing Your Conversion Rate.pdfPost eCommerce Site Launch- Optimizing Your Conversion Rate.pdf
Post eCommerce Site Launch- Optimizing Your Conversion Rate.pdf
 
Demo - New Features for Atlas.pdf
Demo - New Features for Atlas.pdfDemo - New Features for Atlas.pdf
Demo - New Features for Atlas.pdf
 
Debunking The Myths of Migration.pdf
Debunking The Myths of Migration.pdfDebunking The Myths of Migration.pdf
Debunking The Myths of Migration.pdf
 
Keeping Your WordPress Sites Safe Amidst A Rise in Global Cyberattacks.pdf
Keeping Your WordPress Sites Safe Amidst A Rise in Global Cyberattacks.pdfKeeping Your WordPress Sites Safe Amidst A Rise in Global Cyberattacks.pdf
Keeping Your WordPress Sites Safe Amidst A Rise in Global Cyberattacks.pdf
 
Building WordPress eCommerce at Scale .pdf
Building WordPress eCommerce at Scale .pdfBuilding WordPress eCommerce at Scale .pdf
Building WordPress eCommerce at Scale .pdf
 
When to Choose Headless for Clients.pdf
When to Choose Headless for Clients.pdfWhen to Choose Headless for Clients.pdf
When to Choose Headless for Clients.pdf
 
Best Practices for Site Deployment With Local.pdf
Best Practices for Site Deployment With Local.pdfBest Practices for Site Deployment With Local.pdf
Best Practices for Site Deployment With Local.pdf
 
Site Monitoring: The Intersection of Product, UX Design & Research .pdf
Site Monitoring: The Intersection of Product, UX Design & Research .pdfSite Monitoring: The Intersection of Product, UX Design & Research .pdf
Site Monitoring: The Intersection of Product, UX Design & Research .pdf
 
Front End: Building Future-Proof eCommerce Sites.pdf
Front End: Building Future-Proof eCommerce Sites.pdfFront End: Building Future-Proof eCommerce Sites.pdf
Front End: Building Future-Proof eCommerce Sites.pdf
 
Gutenberg and Headless WordPress.pdf
Gutenberg and Headless WordPress.pdfGutenberg and Headless WordPress.pdf
Gutenberg and Headless WordPress.pdf
 
Blueprints and Other Local Features for Agencies.pdf
Blueprints and Other Local Features for Agencies.pdfBlueprints and Other Local Features for Agencies.pdf
Blueprints and Other Local Features for Agencies.pdf
 
Modern Theming & The Future of WordPress- Working with Full Site Editing and ...
Modern Theming & The Future of WordPress- Working with Full Site Editing and ...Modern Theming & The Future of WordPress- Working with Full Site Editing and ...
Modern Theming & The Future of WordPress- Working with Full Site Editing and ...
 
6 WooCommerce Dev Tricks for Building Fast eCommerce Websites.pdf
6 WooCommerce Dev Tricks for Building Fast eCommerce Websites.pdf6 WooCommerce Dev Tricks for Building Fast eCommerce Websites.pdf
6 WooCommerce Dev Tricks for Building Fast eCommerce Websites.pdf
 
Headless 101 for WordPress Developers.pdf
Headless 101 for WordPress Developers.pdfHeadless 101 for WordPress Developers.pdf
Headless 101 for WordPress Developers.pdf
 
Be the Change: The Future of WordPress with WP Engine's Developer Relations Team
Be the Change: The Future of WordPress with WP Engine's Developer Relations TeamBe the Change: The Future of WordPress with WP Engine's Developer Relations Team
Be the Change: The Future of WordPress with WP Engine's Developer Relations Team
 
An Atlas of Atlas.pdf
An Atlas of Atlas.pdfAn Atlas of Atlas.pdf
An Atlas of Atlas.pdf
 
2022 – Year of the WordPress Developer.pdf
2022 – Year of the WordPress Developer.pdf2022 – Year of the WordPress Developer.pdf
2022 – Year of the WordPress Developer.pdf
 
Using WooCommerce to Scale Your Store
Using WooCommerce to Scale Your StoreUsing WooCommerce to Scale Your Store
Using WooCommerce to Scale Your Store
 

Recently uploaded

一比一原版英国萨赛克斯大学毕业证如何办理
一比一原版英国萨赛克斯大学毕业证如何办理一比一原版英国萨赛克斯大学毕业证如何办理
一比一原版英国萨赛克斯大学毕业证如何办理
SDSA
 
原版定制美国加州大学河滨分校毕业证原件一模一样
原版定制美国加州大学河滨分校毕业证原件一模一样原版定制美国加州大学河滨分校毕业证原件一模一样
原版定制美国加州大学河滨分校毕业证原件一模一样
A
 
一比一原版(Princeton毕业证书)普林斯顿大学毕业证如何办理
一比一原版(Princeton毕业证书)普林斯顿大学毕业证如何办理一比一原版(Princeton毕业证书)普林斯顿大学毕业证如何办理
一比一原版(Princeton毕业证书)普林斯顿大学毕业证如何办理
C
 
一比一原版(TRU毕业证书)温哥华社区学院毕业证如何办理
一比一原版(TRU毕业证书)温哥华社区学院毕业证如何办理一比一原版(TRU毕业证书)温哥华社区学院毕业证如何办理
一比一原版(TRU毕业证书)温哥华社区学院毕业证如何办理
Fir
 
原版定制(PSU毕业证书)美国宾州州立大学毕业证原件一模一样
原版定制(PSU毕业证书)美国宾州州立大学毕业证原件一模一样原版定制(PSU毕业证书)美国宾州州立大学毕业证原件一模一样
原版定制(PSU毕业证书)美国宾州州立大学毕业证原件一模一样
rgdasda
 
Production 2024 sunderland culture final - Copy.pptx
Production 2024 sunderland culture final - Copy.pptxProduction 2024 sunderland culture final - Copy.pptx
Production 2024 sunderland culture final - Copy.pptx
ChloeMeadows1
 
一比一原版(Soton毕业证书)南安普顿大学毕业证原件一模一样
一比一原版(Soton毕业证书)南安普顿大学毕业证原件一模一样一比一原版(Soton毕业证书)南安普顿大学毕业证原件一模一样
一比一原版(Soton毕业证书)南安普顿大学毕业证原件一模一样
Fi
 
audience research (emma) 1.pptxkkkkkkkkkkkkkkkkk
audience research (emma) 1.pptxkkkkkkkkkkkkkkkkkaudience research (emma) 1.pptxkkkkkkkkkkkkkkkkk
audience research (emma) 1.pptxkkkkkkkkkkkkkkkkk
lolsDocherty
 
一比一定制(OSU毕业证书)美国俄亥俄州立大学毕业证学位证书
一比一定制(OSU毕业证书)美国俄亥俄州立大学毕业证学位证书一比一定制(OSU毕业证书)美国俄亥俄州立大学毕业证学位证书
一比一定制(OSU毕业证书)美国俄亥俄州立大学毕业证学位证书
rgdasda
 
一比一原版(NYU毕业证书)美国纽约大学毕业证如何办理
一比一原版(NYU毕业证书)美国纽约大学毕业证如何办理一比一原版(NYU毕业证书)美国纽约大学毕业证如何办理
一比一原版(NYU毕业证书)美国纽约大学毕业证如何办理
Fir
 
一比一原版布兰迪斯大学毕业证如何办理
一比一原版布兰迪斯大学毕业证如何办理一比一原版布兰迪斯大学毕业证如何办理
一比一原版布兰迪斯大学毕业证如何办理
A
 
一比一原版(Bath毕业证书)英国桑德兰大学毕业证如何办理
一比一原版(Bath毕业证书)英国桑德兰大学毕业证如何办理一比一原版(Bath毕业证书)英国桑德兰大学毕业证如何办理
一比一原版(Bath毕业证书)英国桑德兰大学毕业证如何办理
B
 

Recently uploaded (20)

Reggie miller choke t shirtsReggie miller choke t shirts
Reggie miller choke t shirtsReggie miller choke t shirtsReggie miller choke t shirtsReggie miller choke t shirts
Reggie miller choke t shirtsReggie miller choke t shirts
 
一比一原版英国萨赛克斯大学毕业证如何办理
一比一原版英国萨赛克斯大学毕业证如何办理一比一原版英国萨赛克斯大学毕业证如何办理
一比一原版英国萨赛克斯大学毕业证如何办理
 
原版定制美国加州大学河滨分校毕业证原件一模一样
原版定制美国加州大学河滨分校毕业证原件一模一样原版定制美国加州大学河滨分校毕业证原件一模一样
原版定制美国加州大学河滨分校毕业证原件一模一样
 
一比一原版(Princeton毕业证书)普林斯顿大学毕业证如何办理
一比一原版(Princeton毕业证书)普林斯顿大学毕业证如何办理一比一原版(Princeton毕业证书)普林斯顿大学毕业证如何办理
一比一原版(Princeton毕业证书)普林斯顿大学毕业证如何办理
 
The Rise of Subscription-Based Digital Services.pdf
The Rise of Subscription-Based Digital Services.pdfThe Rise of Subscription-Based Digital Services.pdf
The Rise of Subscription-Based Digital Services.pdf
 
一比一原版(TRU毕业证书)温哥华社区学院毕业证如何办理
一比一原版(TRU毕业证书)温哥华社区学院毕业证如何办理一比一原版(TRU毕业证书)温哥华社区学院毕业证如何办理
一比一原版(TRU毕业证书)温哥华社区学院毕业证如何办理
 
原版定制(PSU毕业证书)美国宾州州立大学毕业证原件一模一样
原版定制(PSU毕业证书)美国宾州州立大学毕业证原件一模一样原版定制(PSU毕业证书)美国宾州州立大学毕业证原件一模一样
原版定制(PSU毕业证书)美国宾州州立大学毕业证原件一模一样
 
Production 2024 sunderland culture final - Copy.pptx
Production 2024 sunderland culture final - Copy.pptxProduction 2024 sunderland culture final - Copy.pptx
Production 2024 sunderland culture final - Copy.pptx
 
一比一原版(Soton毕业证书)南安普顿大学毕业证原件一模一样
一比一原版(Soton毕业证书)南安普顿大学毕业证原件一模一样一比一原版(Soton毕业证书)南安普顿大学毕业证原件一模一样
一比一原版(Soton毕业证书)南安普顿大学毕业证原件一模一样
 
audience research (emma) 1.pptxkkkkkkkkkkkkkkkkk
audience research (emma) 1.pptxkkkkkkkkkkkkkkkkkaudience research (emma) 1.pptxkkkkkkkkkkkkkkkkk
audience research (emma) 1.pptxkkkkkkkkkkkkkkkkk
 
TORTOGEL TELAH MENJADI SALAH SATU PLATFORM PERMAINAN PALING FAVORIT.
TORTOGEL TELAH MENJADI SALAH SATU PLATFORM PERMAINAN PALING FAVORIT.TORTOGEL TELAH MENJADI SALAH SATU PLATFORM PERMAINAN PALING FAVORIT.
TORTOGEL TELAH MENJADI SALAH SATU PLATFORM PERMAINAN PALING FAVORIT.
 
一比一定制(OSU毕业证书)美国俄亥俄州立大学毕业证学位证书
一比一定制(OSU毕业证书)美国俄亥俄州立大学毕业证学位证书一比一定制(OSU毕业证书)美国俄亥俄州立大学毕业证学位证书
一比一定制(OSU毕业证书)美国俄亥俄州立大学毕业证学位证书
 
Registry Data Accuracy Improvements, presented by Chimi Dorji at SANOG 41 / I...
Registry Data Accuracy Improvements, presented by Chimi Dorji at SANOG 41 / I...Registry Data Accuracy Improvements, presented by Chimi Dorji at SANOG 41 / I...
Registry Data Accuracy Improvements, presented by Chimi Dorji at SANOG 41 / I...
 
GOOGLE Io 2024 At takes center stage.pdf
GOOGLE Io 2024 At takes center stage.pdfGOOGLE Io 2024 At takes center stage.pdf
GOOGLE Io 2024 At takes center stage.pdf
 
一比一原版(NYU毕业证书)美国纽约大学毕业证如何办理
一比一原版(NYU毕业证书)美国纽约大学毕业证如何办理一比一原版(NYU毕业证书)美国纽约大学毕业证如何办理
一比一原版(NYU毕业证书)美国纽约大学毕业证如何办理
 
Free scottie t shirts Free scottie t shirts
Free scottie t shirts Free scottie t shirtsFree scottie t shirts Free scottie t shirts
Free scottie t shirts Free scottie t shirts
 
一比一原版布兰迪斯大学毕业证如何办理
一比一原版布兰迪斯大学毕业证如何办理一比一原版布兰迪斯大学毕业证如何办理
一比一原版布兰迪斯大学毕业证如何办理
 
一比一原版(Bath毕业证书)英国桑德兰大学毕业证如何办理
一比一原版(Bath毕业证书)英国桑德兰大学毕业证如何办理一比一原版(Bath毕业证书)英国桑德兰大学毕业证如何办理
一比一原版(Bath毕业证书)英国桑德兰大学毕业证如何办理
 
Thank You Luv I’ll Never Walk Alone Again T shirts
Thank You Luv I’ll Never Walk Alone Again T shirtsThank You Luv I’ll Never Walk Alone Again T shirts
Thank You Luv I’ll Never Walk Alone Again T shirts
 
I’ll See Y’All Motherfuckers In Game 7 Shirt
I’ll See Y’All Motherfuckers In Game 7 ShirtI’ll See Y’All Motherfuckers In Game 7 Shirt
I’ll See Y’All Motherfuckers In Game 7 Shirt
 

Performance and User Experience for the Web of Tomorrow

  • 1.
  • 2. Performance and user experience for the web of tomorrow. Product Manager, Search & Content Ecosystem Google @marrrr Mariya Moeva
  • 3. Mariya Moeva Product Manager, Search & Content Ecosystem Google @marrrr
  • 4. CMS usage is up and to the right. CMS Usage by Year. Y/Y Change 5.4% 2.8% 3.4% 3.1% 5.1% 3.3% 2% 6% 3.2% 23.6% 29% 31.8% 35.2% 38.3% 43.4% 46.7% 48.7% 54.7% 57.2% 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020
  • 5. Google and the WordPress ecosystem. § Images lazy-loading § XML Sitemaps § Site Kit plugin § Web Stories plugin § AMP plugin § WordCamp (EU, US, Asia) § Key industry events Contribute to the core WP platform Build plugins Engage with the community
  • 6. Google and WP Engine. § Offers next-gen VMs from GCP § Sites see 40-50% improvement in performance § AMP plugin in Solutions Center § AMP integration in Genesis 3.0 § WordCamp US § here, today Core Platform Plugins Community
  • 7. photo by Philipp Lublasser on Unsplashphoto by Leyy M on Unsplash
  • 8. The web is more critical than ever. “We are seeing a big surge in physical businesses coming online during the pandemic. We used to create 1K stores per day, and last month we created 2K+ per day.” Pedro Henrique Freitas, Head of Loja Integrada (VTEX platform for SMBs)
  • 9. photo by Tabea Damm on Unsplash Speed and Performance Excellent user experiences Privacy and Security
  • 10. How do we get there? provide actionable feedback deliver useful insights in the right context work towards new open standards
  • 12. Speed is critical. delay in mobile load times can impact conversion rates by up to 20%1 conversions grow by 8% if speed metrics across a retail site improve by 0.1s2 1s 0,1s 1. SOASTA,The State of Online Retail Performance, U.S., April 2017/ 2. Google/55/Deloitte, Milliseconds make Millions study, EMEA and US, Oct-Nov 2019, n=37 brand sites analysed hourly over a 30 day period totalling 30.5m sessions.
  • 13. Prioritizing quality of experience. Is it delightful?Is it responsive?Is it happening? contentbazaar.co/20160314/pi-way Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco contentbazaar.co/20160314/pi-waycontentbazaar.co/20160314/pi-way
  • 15. Largest Contentful Paint. "I can’t see any useful content! Why does it take so long to load? 😖" Measures when the page becomes useful to the user or when the main content on the screen has likely loaded. GOOD ADEQUATE POOR 2.5s 4.0s
  • 16. First Input Delay. Measures your user’s first impression of your site’s interactivity and responsiveness. GOOD ADEQUATE POOR 100ms 300ms
  • 17. Cumulative Layout Shift. "I was about to click that! Why did it move? 😭" Measures layout stability to ensure users experience smooth and natural interactions. GOOD ADEQUATE POOR 0.1 0.25
  • 18. Updated Google tools. Lighthouse PageSpeed Insights Chrome Dev Tools Chrome User Experience Report (CrUX)
  • 19. AMP prioritizes user experience. Lazy-load non- critical content Optimized tracking Responsive design Optimized image
  • 20. Excellent user experiences. Deliver useful insights in the right context.
  • 21. What business owners need. I need to run my start-up, I have no time to look at so many different tools [GA, Search Console, Trends, AWX...] better send me an email with a simple summary of how I’m doing so I don’t forget. “” I had a website created to achieve the presence of legitimate business, but it’s not ranking and I don’t know how to make it better to attract more customers. “” Send me an email to remind me, and a link where I can get to some [report] with red and green, so I don’t get the anaphylactic reaction in my brain [from complicated reports]. “”
  • 22. Our guiding principles. 1 Meet users where they are. 2 Show only what they need. 3 Insights, not stats. In context of action they’re doing. No complex reports. Easy setup. Combine relevant info from many products
  • 23. Site Kit: the best of Google for WordPress. Directly in the wp-admin dashboard. Insights from key google products. 400k+ active installs.
  • 24. Seamless setup and verification. Show how the site is doing in Search right after the setup process. Connecting additional services unlocks richer insights from more Google products.
  • 25. Cross-product insights. Help business owners understand how their work pays off.
  • 26. Excellent user experiences. Help business owners reach more customers with better content.
  • 27. Web Stories. Cheaper to make than video. More engaging than a text article. More structured than video and easier to scan. Web Stories Stories on Google Your Stories Hosted on your server Making your own money, As ephemeral as you want Driving traffic to your site
  • 29. Web stories on Discover. At 800 MM MAU and growing* “This past October, Google Discover drove more traffic to Vogue’s international editions than Google Search did.” Sarah Marshall, Head of audience growth, Vogue International at Condé Nast
  • 30. Web Stories for WordPress. Coming soon to a WordPress installation near you! Register to be notified when the beta is out: goo.gle/storyeditor See the Web Stories session on the Sponsors page
  • 31. Privacy and security. Work towards new open standards.
  • 32. Evolve the web to better respect user privacy and support a vibrant, thriving ecosystem.
  • 33. Cookies and fingerprinting. Technologies that support relevant user experiences and fraud prevention are also used for unwanted tracking across the web. Small files a website or a third-party service can store in a user’s browser to identify them. Users can opt out of cookie-based tracking. Collecting enough information about a user’s device, settings, browser, location, etc. to identify them. Users can’t opt out of fingerprinting and most aren’t aware it’s happening.
  • 34. Replace legacy practices with privacy-preserving alternatives. SameSite cookies: new labeling model to make cookies first-party by default, and ensure third-party cookies are accessed over secure connections. Improved user controls for managing privacy settings. support monetization and other key use-cases without identifying users. Privacy Sandbox: privacy-preserving solutions for key web use-cases, without identifying users across sites. Privacy Budget: limit data collection to prevent covert tracking workarounds. When the new solutions can meet the needs of users, publishers, advertisers, and other businesses. Improve cookie security and choice today Develop replacement solutions Phase out support for 3P cookies in Chrome
  • 35. photo by Tabea Damm on Unsplash Speed and Performance Excellent user experiences Privacy and Security
  • 36. Make the web safer, faster, delightful for end users and site owners.