Why is there a 100 KB limit on Theme App Extension files?

[JAS_Technology]

Hi all. I am working on a Theme App Extension and really am enjoying the power of all of this. The flexibility I am providing to the merchant without touching their theme code at all is super cool. BUT.....  I now realize there is a 100 KB limit on my Liquid files! I'm hovering right around it and am getting nervous that I will constantly have to deal with this and potentially sacrifice valuable features/settings. 

Why such a low limit??? To provide highly customizable blocks it requires a lot of schema. A lot of schema takes up a lot of space. And of course the markup to support that schema will take up space and we get closer and closer to this ceiling. I agree that we can't go crazy and have no limit cause...... we will 😉   

I suggest we raise this limit to 500KB or something like that. The full extension limit is 10MB so is the assumption here that these extensions will have heavy media assets and light liquid? 

Give us the power!! 🚀

Please like if you agree.

[blogusama]

My potential solution to the issue of the 100 KB limit on Liquid files in the Theme App Extension is to suggest increasing the limit to 500 KB or a similar value. The reasoning behind this suggestion is that providing highly customizable blocks requires a significant amount of schema, which in turn takes up a lot of space, as well as the markup to support it. Given that the full extension limit is 10 MB, it would seem reasonable to increase the Liquid file limit.

Additionally, we also face this situation while developing a led panel app but our developer could explore alternative methods of storing and accessing data, such as using APIs or external databases, to reduce the load on the Liquid files.

It may also be worth considering the trade-offs between having a high limit and sacrificing features or performance and having a lower limit but a more streamlined and optimized codebase. 

[jam_chan]

I don't understand why there is a limit on the size. It just gives me pain when I'm trying to migrate from section files to the theme app extension.

[DaveMartin]

Totally agree @JAS_Technology - we have been wresteling with this limitation for over a year. We are currently at the point where we are forced to spend a lot of our time just trying to find more ways to reduce our liquid so we can add more features and/or improve existing ones. I have been talking to every person I can who may be invovled in this at Shopify and also voiced to to Shopify at the last Unite, but nothing seems to be done. It is very dissapointing that Shopify hasnt figured out a way to increase this for us - especially now they are taking away access to the Asset API and forcing all apps to use TAE. And btw - I love TAE - but this one thing is a massive cross against them when it comes to creating create merchant solutions. Hopefully @Shopify listing and do something soon. 

[Arif_Shopidevs]

We are facing many issues. I am also not sure why this happens. When developers are forced to move from script tag to app extension. they need to put their js , CSS image, etc. App size limits their creativity. Even when publishing files. it shows js size is big. It is difficult for developers to build something.

[Mishal_marufa]

Did you guys find out any work around through this file size limits.  Since we are facing the same problem on our app. we had to split the app to two.

[jam_chan]

I can only offload the liquid code to js for client side rendering. But there is still a size limit for the liquid files

[DaveMartin]

Our issue was we designed our app prior to this issue being known, so some things we cant change, however for new additions etc, we tended to create <script> tags, and then loop through the liquid data within it, applying it to javascript objects that we can then pass to our JS class to render the elements on page. It sucks we had to do that, but it works and that is our approach until this limit is raised.

[Mishal_marufa]

Could you please help us and show some of the examples .

[Mishal_marufa]

We have multilingual store. How does js elements will work through translations?