From 544b2b89cc24ca52bf6bda9c3d0400509eb3e56d Mon Sep 17 00:00:00 2001
From: Paul D'Ambra <paul@posthog.com>
Date: Sat, 9 Dec 2023 15:53:44 +0000
Subject: [PATCH] feat: defer tooltip css for posthog unwrapped (#19227)

* feat: defer tooltip css for posthog unwrapped

* Update query snapshots

* Update query snapshots

* defer potentially offscreen images

---------

Co-authored-by: github-actions <41898282+github-actions[bot]@users.noreply.github.com>
---
 posthog/year_in_posthog/2023.html | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/posthog/year_in_posthog/2023.html b/posthog/year_in_posthog/2023.html
index 82af659bc40b9..1c6ee64215a20 100644
--- a/posthog/year_in_posthog/2023.html
+++ b/posthog/year_in_posthog/2023.html
@@ -49,7 +49,9 @@
             }
         })
     </script>
-    <link rel="stylesheet" type="text/css" href="https://unpkg.com/microtip@0.2.2/microtip.css">
+    {# can defer loading of the tooltip css #}
+    <link rel="preload" href="https://unpkg.com/microtip@0.2.2/microtip.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
+    <noscript><link rel="stylesheet" href="https://unpkg.com/microtip@0.2.2/microtip.css"></noscript>
     <style>
         @font-face {
             font-family: MatterSQ;
@@ -432,6 +434,7 @@ <h2 class="highlight text-xl">Achievements unlocked {{ achievements_count }}/7</
                                 <source type="image/webp" srcset="{% static b.image_webp %}" width="100" height="100">
                                 <source type="image/png" srcset="{% static b.image_png %}" width="100" height="100">
                                 <img class="badge mini" src="{% static b.image_png %}" width="100" height="100"
+                                     loading="lazy"
                                      alt="An illustration of a hedgehog who is a {{ b.human_badge }}">
                             </picture>
                             <div class="my-4 text-center highlight {{ b.badge }}">{{ b.human_badge }}</div>