From c97937eced141e7147239494461b2c6a649ba364 Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Wed, 14 Mar 2018 07:24:16 -0700
Subject: [PATCH] remove unnecessary rAF

---
 routes/_components/LazyImage.html | 41 +++++++++++++++++--------------
 1 file changed, 22 insertions(+), 19 deletions(-)

diff --git a/routes/_components/LazyImage.html b/routes/_components/LazyImage.html
index 3cb3149e..63c5c96a 100644
--- a/routes/_components/LazyImage.html
+++ b/routes/_components/LazyImage.html
@@ -20,28 +20,31 @@
   }
 </style>
 <script>
+
+  import { mark, stop } from '../_utils/marks'
+
   export default {
     oncreate() {
-      requestAnimationFrame(() => {
-        let img = new Image()
-        let src = this.get('src')
-        let fallback = this.get('fallback')
-        img.onload = () => {
-          requestAnimationFrame(() => {
-            this.set({
-              displaySrc: src,
-              hidden: true
-            })
-            requestAnimationFrame(() => {
-              this.set({hidden: false})
-            })
+      mark('LazyImage oncreate()')
+      let img = new Image()
+      let src = this.get('src')
+      let fallback = this.get('fallback')
+      img.onload = () => {
+        requestAnimationFrame(() => {
+          this.set({
+            displaySrc: src,
+            hidden: true
           })
-        }
-        img.onerror = () => {
-          this.set({displaySrc: fallback})
-        }
-        img.src = src
-      })
+          requestAnimationFrame(() => {
+            this.set({hidden: false})
+          })
+        })
+      }
+      img.onerror = () => {
+        this.set({displaySrc: fallback})
+      }
+      img.src = src
+      stop('LazyImage oncreate()')
     }
   }
 </script>
\ No newline at end of file