Ce diaporama a bien été signalé.
Le téléchargement de votre SlideShare est en cours. ×

Performance and User Experience for the Web of Tomorrow

Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Prochain SlideShare
Fit For the Future
Fit For the Future
Chargement dans…3
×

Consultez-les par la suite

1 sur 38 Publicité

Performance and User Experience for the Web of Tomorrow

Télécharger pour lire hors ligne

Mariya Moeva, Product Manager at Google, discusses the future of the web and the important roles privacy, speed, and fostering quality user experiences have to play in it. Learn about tools like AMP, Site Kit and Web Stories for WordPress that you can use to assess and advance the performance of your WordPress site.

Mariya Moeva, Product Manager at Google, discusses the future of the web and the important roles privacy, speed, and fostering quality user experiences have to play in it. Learn about tools like AMP, Site Kit and Web Stories for WordPress that you can use to assess and advance the performance of your WordPress site.

Publicité
Publicité

Plus De Contenu Connexe

Diaporamas pour vous (20)

Similaire à Performance and User Experience for the Web of Tomorrow (20)

Publicité

Plus par WP Engine (20)

Plus récents (20)

Publicité

Performance and User Experience for the Web of Tomorrow

  1. 1. Performance and user experience for the web of tomorrow. Product Manager, Search & Content Ecosystem Google @marrrr Mariya Moeva
  2. 2. Mariya Moeva Product Manager, Search & Content Ecosystem Google @marrrr
  3. 3. 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
  4. 4. 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
  5. 5. 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
  6. 6. photo by Philipp Lublasser on Unsplashphoto by Leyy M on Unsplash
  7. 7. 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)
  8. 8. photo by Tabea Damm on Unsplash Speed and Performance Excellent user experiences Privacy and Security
  9. 9. How do we get there? provide actionable feedback deliver useful insights in the right context work towards new open standards
  10. 10. Speed and Performance. Provide actionable feedback.
  11. 11. 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.
  12. 12. 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
  13. 13. core web vitals
  14. 14. 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
  15. 15. First Input Delay. Measures your user’s first impression of your site’s interactivity and responsiveness. GOOD ADEQUATE POOR 100ms 300ms
  16. 16. 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
  17. 17. Updated Google tools. Lighthouse PageSpeed Insights Chrome Dev Tools Chrome User Experience Report (CrUX)
  18. 18. AMP prioritizes user experience. Lazy-load non- critical content Optimized tracking Responsive design Optimized image
  19. 19. Excellent user experiences. Deliver useful insights in the right context.
  20. 20. 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]. “”
  21. 21. 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
  22. 22. Site Kit: the best of Google for WordPress. Directly in the wp-admin dashboard. Insights from key google products. 400k+ active installs.
  23. 23. 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.
  24. 24. Cross-product insights. Help business owners understand how their work pays off.
  25. 25. Excellent user experiences. Help business owners reach more customers with better content.
  26. 26. 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
  27. 27. Web Stories on Google Search.
  28. 28. 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
  29. 29. 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
  30. 30. Privacy and security. Work towards new open standards.
  31. 31. Evolve the web to better respect user privacy and support a vibrant, thriving ecosystem.
  32. 32. 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.
  33. 33. 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
  34. 34. photo by Tabea Damm on Unsplash Speed and Performance Excellent user experiences Privacy and Security
  35. 35. Make the web safer, faster, delightful for end users and site owners.
  36. 36. Thank You. @marrrr Mariya Moeva

×