The document discusses the technical performance of mobile eCommerce, emphasizing the importance of robust technical infrastructure and efficient client-side rendering. It covers various hosting options, database types, and performance benchmarks, while advocating for best practices in mobile SEO configuration and asset minimization. The goal is to optimize user experience by ensuring fast content delivery and efficient site management.

1. Mobile eCommerce
Technical Performance

2. Здравейте
Петър Николов
Peter Nikolow
Можете да ме намерите:
twitter.com/peternikolow
facebook.com/peter.nikolow
linkedin.com/in/peternikolow
Product Expert - Google Webmaster Help
Forum

3. Utopia
“никой няма да пазарува от телефона си,
това е фантастика и няма как да се случи”

4. ДА АМА НЕ!
Случи се.

11. “ПРИ НАС Е РАЗЛИЧНО!”
ДА АМА НЕ!

14. Make Mobile
Sites Great Again!

15. 1.
TECHNICAL
INFRASTRUCTURE
Едно добро начало

16. Traffic spikes

17. The Good, the Bad and the Ugly
▷ Shared hosting
▷ VPS hosting
▷ Dedicated server

18. The Good, the Bad and the Ugly

19. Benchmarks
▷ Ab - old and single threaded
▷ siege - old and single threaded
▷ wrk
▷ wrk2
▷ gobench
▷ gohttpbench
▷ Sniper
▷ htstress

20. DBs
▷ MySQL
○ MariaDB
○ Percona
▷ Memory DB
○ Memcached
○ Redis

21. Protocols
▷ HTTP
○ keep-alive
▷ HTTP/2
○ only encrypted - TLS
▷ QUIC

22. Protocols
▷ TLS 1.0 & 1.1 - deprecated
▷ TLS 1.2 - current
▷ TLS 1.3

23. Redirects
Винаги правете редиректите за целия сайт.
Никога не правете частични редиректи.
Тествайте, не предполагайте!

24. 2.
CLIENT SIDE
Винаги може още малко да се изтиска

25. “We must deliver and render the
above the fold (ATF) content in
under one second, which allows the
user to begin interacting with the
page as soon as possible
https://developers.google.com/speed/docs/insights/mobile

30. Mobile SEO Configuration
▷ Responsive Design
○ cheap
○ same HTML
○ same url
○ doesn’t solve all mobile user issues
▷ Dynamic Serving
○ same url
▷ Separate URLs
○ AMP

31. Code Coverage

32. Code Coverage

33. Chrome User Experience Report

34. Chrome User Experience Report

35. Chrome User Experience Report
▷ Mobile
○ FCP - 1.5, 2.7, >2.7 sec
○ DCL - 1.9, 3.9, >3.9 sec
▷ Desktop
○ FCP - 1.1, 2.2, >2.2 sec
○ DCL - 1.4, 2.8, >2.8 sec
▷ Public Google BigQuery

36. Google BigQuery

37. Google BigQuery

38. Google BigQuery

39. Google Data Studio

40. Google Data Studio

41. Google Data Studio

42. Google Analytics

43. Google Analytics

44. Google Analytics

45. Google Analytics

46. Google Chrome Lighthouse

47. Google Chrome Lighthouse

48. Google Chrome Lighthouse

49. Fixes
▷ Minimize HTML
○ Critical first 15k
○ ATF - Above the fold
○ PageSpeed Insights
▷ Minimize CSS
○ implement ATF CSS
▷ Minimize JS
○ use Vanilla JS
○ use just bare minimum libraries
○ use WebPack

50. Fixes
▷ Minimize Images
○ Lazy Loading
○ Responsive images
○ WebP
▷ Minimize 3rd party assets
○ Google Maps
○ YouTube
○ Tracking scripts, beacons
▷ Minimize Fonts
○ Serif, Sans-Serif, Monospace

51. Благодаря!
Въпроси?