The Shopify team answered questions raised by the merchants and solved the queries. Please check below a few questions and answers:

Shopify team answer questions raised by the merchants and solved the queries. Please check below a few questions and answers:

QUESTION: My store currently uses render and .scss which are both deprecated last year. Could I get some insight on how much this is hurting my current performance?

ANSWER: “include” is deprecated, and should be replaced with “render”. The difference in rendering speed will not be significant, but new features might rely on it in the future. So it’s best to upgrade as soon as you can. And .scss is compiled to a .css. So there is no performance impact.

QUESTION: “Does Shopify auto minify CSS files now?”

“Yes! We automatically minify and compress with brotli, zopfli, and gzip all text files that are part of a theme.”

ANSWER: If you are talking about .scss.liquid, this is deprecated. The performance impact it has is upon a change in design mode on variables that affects the scss.liquid, it will trigger a recompile job on Shopify and thus experienced on the user end with a slow CSS network response time.

QUESTION: My store currently uses render and .scss which are both deprecated last year. Could I get some insight on how much this is hurting my current performance?

ANSWER: If you are talking about .scss.liquid, this is deprecated. The performance impact it has is upon a change in design mode on variables that affects the scss.liquid, it will trigger a recompile job on Shopify and thus experienced on the user end with a slow CSS network response time.

QUESTION: “For font rendering and load times, which is best to use Google Fonts or Shopify Fonts?”

ANSWER: “There are a couple of aspects to this question. First, both use cdn’s to deliver the content as fast as possible. However, the best results are when the browser can utilize the same TCP connection to load the resources. Hosting the fonts in your assets folder ensures the browser can re-use the existing TCP+TLS socket and load the Web Font as fast as possible.

The second is whether you use the javascript loader. Google Fonts includes a common javascript loader that uses some client-side javascript to sniff the browser capabilities and to use different font-display values. However, this has the downside of causing many round trips to the browser to both to evaluate the javascript and then make subsequent requests for the web fonts.

For best results, we would recommend using web fonts on Shopify and even consider using preload. (NB: use preload with care as it can cause head-of-line blocking of other critical CSS and js. Be sure to experiment)”