Junip updates
Junip updates
juniphq.com

Summaries as metafields

tl;dr - we made performance improvements to how we're loading summaries 🎉

If you installed Junip before January 27th, you'll need to reauthorize Junip with Shopify to use these functionality. To do so, simply log-in to Junip from the App section of your Shopify Admin.


Full -

We changed the way we're loading a product's rating summary.

Screen Shot 2020-01-31 at 2.54.06 PM.png

Previously, these stars were pulling from our scripts just like the rest of Junip's content.

Scripts are great for a lot of things. They let you quickly make changes in one service (Junip) and then render them on your storefront. We also load scripts asynchronously to keep your pages super fast.

In very specific instances though, scripts can create sub-optimal customer experiences. Summaries is one of those cases.

slow loadin.gif

If you have a customer on your product page, everything above the fold needs to just flat out work. No janky experiences.

Shopify lets us push summaries to a service of theirs called "Metafields" (you can learn more about Metafields here). Metafields allows us to sync this data beforehand, then have it live on your product model as opposed to our scripts.

So now when a page loads where you're showing summaries, they'll function as a part of your product instead of loading through our scripts. This also applies to places where they're appearing on a preview.

Screen Shot 2020-01-31 at 3.22.19 PM.png

There are some downsides to using metafields & they compound as you deal with more complex pieces of information, so our main widgets will continue to load through scripts.

Since these are lower down in the product page, loading asynchronously is actually preferred - we can render them after initial page load & they will display well before a customer has scrolled to that part of the page.

But for a simple method like summaries, metafields gives you a nice performance bump, a smoother customer experience & improves conversions across your site.