WIP performances

src/routes/_layout.svelte

@@ -63,7 +63,6 @@
 
 <script>
     import { onMount } from 'svelte'
-    import { fade } from 'svelte/transition'
     import { stores } from '@sapper/app'
     import {
         apiEndpoints,
@@ -109,8 +108,7 @@
 
 
     onMount(async () => {
-        const gaTracker = await import('utils/AnalyticsTracker')
+        await import('utils/AnalyticsTracker').then(module => AnalyticsTracker = module.default)
-        AnalyticsTracker = gaTracker.default
     })
 </script>
 
@@ -122,11 +120,7 @@
     <link rel="canonical" href={`https://${$page.host}${$page.path}`} />
 </svelte:head>
 
-<main class="housesof"
+<main class="housesof" class:is-transitioning={!$pageReady}>
-    class:is-transitioning={!$pageReady}
-    in:fade={{ duration: 600 }}
-    out:fade={{ duration: 600 }}
->
     <slot></slot>
 </main>
 

src/style/layouts/_main.scss

@@ -4,7 +4,7 @@
     top: 0;
     left: 0;
     width: 100%;
-    transition: opacity 0.4s $ease-quart;
+    transition: opacity 0.6s $ease-quart;
     will-change: opacity;
 
     &.is-transitioning {

src/utils/Transition.svelte

@@ -36,9 +36,10 @@
     })
 </script>
 
+{#if show || !process.browser}
 <slot />
 
-{#if !show && process.browser}
+{:else}
 <div class="transition" id="transition" aria-hidden="true" bind:this={scope}>
     <div class="transition__loader"
         in:fly={{ y: 32, duration: 1000, easing: quartOut }}