Performances optimizations WIP

src/routes/viewer/[country]/[place]/[photo].svelte

@@ -36,7 +36,8 @@
         locations,
         currentLocation,
         currentPhotos,
-        pageReady
+        pageReady,
+        pageAnimation
     } from 'utils/store'
     import { getThumbnail } from 'utils/functions'
 
@@ -56,6 +57,7 @@
 
     // Variables
     const { page } = stores()
+    pageAnimation.set(animateIn)
     let windowWidth
     let gotoLink
     let currentPhoto = photos.find(photo => photo.slug === $page.params.photo)
@@ -100,7 +102,7 @@
 
 <svelte:window bind:innerWidth={windowWidth} />
 
-<Transition {animateIn}>
+<main class="housesof" class:is-transitioning={!$pageReady}>
     <section class="viewer">
         <div class="viewer__top">
             <p class="tip">Tap for fullscreen</p>
@@ -120,12 +122,11 @@
             <a href="/" bind:this={gotoLink} aria-hidden="true" hidden class="hidden" sapper-noscroll>&nbsp;</a>
         </div>
 
-        <Carousel
+        <Carousel {photos}
             viewer="true"
-            photos={photos}
             on:photoChange={photoChanged}
         />
 
         <Fullscreen />
     </section>
-</Transition>
+</main>