Blazing fast performance with Sitecore JSS

1. Blazing fast performance
with Sitecore JSS
Dubai, November 19th 2019

2. Alex Shyba
co-founder @ Altola
§ Prior: 13 years with Sitecore
§ Team X – lead Sitecore JSS and Path Analyzer projects
§ Now enabling Sitecore customers and implementers
to get the most out of Sitecore platform
alex@altola.co
@alexshyba

3. 65 km/h60 km/h
Mahindra eSupro Camel

4. Agenda
1. Why performance matters
2. How Sitecore JSS opens doors to blazing fast performance
3. The key to break the sub-second page delivery barrier

5. Blazing fast performance
why it is important

6. Why does performance matter?
1
2
3
Impacts your bounce rates
Ultimately impacts your bottom line
Impacts your search rankings

7. Fast site vs. slow personalized site
https://www.thinkwithgoogle.com/marketing-resources/data-measurement/mobile-page-speed-new-industry-benchmarks/
19%average effect of
increasing
conversions with
personalization
V/S

8. This is happening now
https://blog.chromium.org/2019/11/moving-towards-faster-web.html

9. What’s your current speed?
Google Lighthouse

10. Sitecore JSS performance
where and how do you optimize?

11. Sitecore JavaScript Services value prop
Specialize and parallelize project delivery
BED build Sitecore architecture / integrations in .NET
FED use their fav tools to build front-end (React, Angular, Vue)
Allows marketers to fully manage JS apps in
Experience Editor with personalization / MV testing
Fully decouples content delivery from rendering
unlocks new deployment options
1
2
3

12. Universal rendering with decoupled architecture
Content Delivery
request
response
Rendering Server
JSS app
request
response
Sitecore
Content DBJSS app
Page content assemblyPage rendering
Page rendering
APIHTML
API

13. Pre-rendered JSS app – can’t go faster than this
Sitecore
Deploy apprequest
response
CDN
pre-rendered
app
Build
Service
Runs pre-rendering
Extract content
Page
rendering
JSS app
Sitecore
CD
Micro-
service1
Micro-
serviceN
request
response
API
J A
M
Page content assemblyPage rendering
HTML
API

14. https://www.netlify.com/whitepaper/

15. What about personalization?

16. SitecoreDeploy rulesrequest
response
CDN
pre-rendered
app + rules
Build
Service
Runs pre-rendering
Extract rules
JSS app
Personalization
client-side
Personalization
CDN-level
HTML

17. Running everything at the edge
vs. going to the origin web server
Before
Page w/o personalization
Page w/ personalization
• TTFB: 4330 ms
After
Page w/o personalization
Page w/ personalization
• TTFB: 44-52 ms
98x
faster
TTFB
18x
faster
TTI

18. Quick demo
existing Sitecore JS web app deployment
- Target: Azure Blob Storage in UAE North
- Fronted by Azure CDN
- Client-side personalization based on Sitecore profiling

20. Demo summary
• Deployed to Azure Blob Storage
in UAE North
• Fronted by Azure CDN
• Personalization assigned in
Sitecore executed client-side
https://demosugmea.azureedge.net/

21. Thank you!
links / resources --------->
Contact me for a complimentary quick
performance assessment:
alex@altola.co
@alexshyba
https://unfrm.io