Live CockpitCMS+Svelte Projects:
Performance
The page currently runs smoothly on:
- iPad OS 13.5
- iPhone iOS 10.2.1
- IE 11 (except that Lang Selector causes an infinity loop)
- Firefox (backdrop-filter and mix-blend-mode give it some trouble)
- Chrome
Animations
Firefox and Chrome have lag when animation occurs under mix-blend-mode elements (Flies) (e.g. over Slide), therefore Slide elements currently have no animations.
Slug must be handled via bind:
Using writable() store for slug will slow down page changes by at least half a second, slug needs to be accessed only from App.svelte and is changed only through Router.svelte, so any change is not justified.
Firefox RAM problem when selecting with backdrop-filter
Correct behavior (Chrome):
RAM overload that persists until the tab is closed (Firefox):
Svelte bugs
{#await} causes svelte transitions, scrollvideo and possibly other things to duplicate the block, the only possible fix is to move asynchronous logic to <script> and use {#if} github#1591 github#4064
Previous: 5. Process On Page Load
Next: 7. SEO and Analytics