https://www.flickr.com/photos/lmdo/6404420503
<html>
<body>
<div class="navigation">...</div>
<div class="content">...</div>
<div class="sidebarA">...</div>
<div class="sidebarB">...</div>
</body>
</html> iFrames ?!?
CMS
<html>
<body>
<!--#include virtual="/navigation" -->
<!--#include virtual="/content" -->
<!--#include virtual="/sidebar?version=A" -->
<!--#include virtual="/sidebar?version=B" -->
</body>
</html> https://unsplash.com/photos/kvv5bm1dgc8
Lazy Loading
Web Components
https://unsplash.com/photos/TdM_fhzmWog
const routeEntries = [
{
route: 'home',
goto: 'xy.com/home'
},
{
route: 'content',
goto: 'xy.com/content'
},
{
route: 'settings',
goto: 'xy.com/settings'
}
}{
"name": "content",
"version": "1.0.1",
"content": {
"js": [
"/js/bundle.min.js"
],
"css": [
"/css/style.min.css"
]
}
}
window.xy.content.init(
applicationUrl,
path,
dependencies,
...
)SEO
Single Page Speed
Single Technology Stack
Engagement
Smooth Page Switch
Different Technologies
By Elisabeth Engel
YouTube recording: https://www.youtube.com/watch?v=W3_8sxUurzA
