Performance and User Experience for the Web of Tomorrow
0 likes880 views
The document highlights the rising usage of content management systems (CMS) and their impact on web performance and user experience. It emphasizes the importance of speed in website loading times and how it can significantly affect conversion rates, while also discussing tools and practices from Google aimed at enhancing site quality and user interaction. Additionally, the document addresses user privacy concerns and proposes new standards to evolve the web in a way that balances user experience with security.
![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].
“”](https://image.slidesharecdn.com/3-200804160715/85/Performance-and-User-Experience-for-the-Web-of-Tomorrow-21-320.jpg)
Performance and User Experience for the Web of Tomorrow
- 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
- 11. Speed and Performance. Provide actionable feedback.
- 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
- 14. core web vitals
- 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.