Jump to content

Need ideas on how to avoid giant bundle size

Recommended Posts

Site URL: https://www.theshepherds.church/john-1-5

Example page: https://www.theshepherds.church/john-1-5

So I've been posting individual podcast episodes on a page. Each episode is an embed Block. However, as the podcast list grew, so did the number of embeds, to the extent that the page wouldn't load on mobile due to the giant bundle size. 

I've brainstormed a bunch of ideas, each with its upsides and downsides, and was wondering if there's another solution that I'm not considering. 

1. Manually enter each episode as a blog post

This is probably the most straightforward. The problem is that the blog posts take up large page estate, and the user has to be directed to a different page to start listening to the podcast episode. 

2. Embed a single Spotify playlist

I'm actually not sure if it's possible to create a custom sub-playlist of another playlist through Spotify. Either way, the presentation is a bit too compact for what we want

3. Create a Custom Collection

I'm imagining a list of block items with title and description of each episode. The user can click on the block to lazily-load an embed block in-line. However, in my initial search, I learned that Developer Mode is only available 7.0, and my site is on 7.1. I think this option is closed off to me, unless there's a way to downgrade. 

Addendum: 4. Add a Code Block with Global Javascript listeners

Similar to option 3, but might require slightly more verbose block entries due to the non-template nature of the usage. Basically, this involves creating a block with title, description, and a spotify url hidden in the html. The Javascript listener will detect clicks and then load the embed. 

So, is there some other option that I'm not considering? And are there assumptions that I'm wrong about?

Thanks in advance. 

shepherdsjohn.PNG

Edited by BlueDo
Adding another option
Link to comment
  • Replies 0
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.