I need -theme.liquid code check to see if any script slows down our shop

Technical Q&A
1

Hi, I’m in charge of birceakalaydesign.com and having a speed - unloading storefront product photo issues. I need a support to go through the reasons for that. I recently used attrac app for pop-up and deleted.

2 Likes
2

Hi burcu1, Can you please explain your issue in detail? So I can provide you a propriate solution.

Best

Rohail

3

Hello Burcu1,

You are advised to follow the below guidelines if you have a technical hand and knowledge of handling liquid code, else please connect with a Shopify expert team or inbox us.

First, you need to generate a report of the issues, then work on each issue.
You can generate the report through Page Speed Insight or GTmetrix and can check the solution regarding the javascript issue below:-

For reducing the unused javascript, you need to follow these points:-

Remove unused apps along with the code
Use scripts under the condition in theme.liquid file.

For example:- if a script is needed to load on the home page only then you need to set a condition like this
{% if template == “index” %}
//script goes here

{% endif %}

for including the script on a product page then use this code:-

{% if template == “product” %}
//script goes here

{% endif %}
for including the script on the collection page then use this code:-

{% if template == “collection” %}
//script goes here

{% endif %}

Hope it resolves your issue, let us know if you need any further help with this.

All the best,
CedCommerce

4

Hello @burcu1 ,

Awesome collection. You can optimize your store to get more traffic and sales. The faster your site is, the more users you are likely to convert.

  1. You can run the Shopify Theme Inspector for Chrome to identify the lines of code that are slowing down pages in your online store.
  2. Removing unused app code is a best practice that avoids running code for unused features, and makes your theme code easier to read.
  3. Remove third-party JS scripts and Shopify App which you are no longer using
    You should disable app features you don’t use, or you can remove the app if you don’t need it. If you are removing an app make sure to remove code that was added as part of the app install process.
  4. Use a theme which is optimized for performance means a theme which is responsive, fast, and takes minimal time to load the page.
  5. Themes contain CSS, JS, HTML which can increase and affect your store speed. So disable theme features you don’t use.
  6. Loading extra data your customers aren’t using can impact your store speed without adding value.
  7. Use minified CSS and JS files
  8. You can use Theme Check to identify possible performance issues in your theme code, including large CSS and JS codes, references to remote assets, and parser-blocking JavaScript.

If your website takes longer than 3 seconds to load, 40% of your traffic will be lost. Apart from speeding up your store, for getting better conversions, make sure your store products are Found on Google. When your customers search on Google, your product can be found only if your page is indexed. Note that once a URL gets indexed, customers will start finding your store through organic searches, you will start getting order conversions for virtually zero cost. Making it sustainable business growth. flareAI helps to get your new products found on Google. flareAI works every day for you. Get sales from Google and 20+ world’s largest free sales channels, Single click start!

Gina
flareAI