How can I increase my website speed and extend cache period?

[itshan10]

To be clear, not much code has been added to my site. I work with an SEO Expert, and he told me that unused code should be deleted, and site speed should improve. He also suggested that I extend the used Cache period to 1 year, but I have no idea how to do this in Shopify. And I've got some screenshots for you guys to be understood better.

  

[flareAI]

Hello @itshan10,

By following the below steps, you can significantly speed up your Shopify store:

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. Image compression is important and a necessity for faster loading web pages.

Make sure your images are of good quality and do not add too many images on a single page. You can try some tools like https://tinyjpg.com/.

3. Removing unused app code is a best practice that avoids running code for unused features and makes your theme code easier to read.

4. Using a theme that is optimized for performance means a theme that is responsive, fast, and takes minimal time to load the page. If you choose a theme with numerous sliders, fancy animations, advanced navigation systems, etc., will affect your page speed. If your theme is loading slow, consider disabling the theme features you don't need.

5. Themes contain CSS, JS, and 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. Using slideshow, which are high-quality images combined with transitions, take time to load when the user clicks the link to the homepage. So instead you can use a single high-quality hero image.

8. Use a System font which is a font that is already installed on most computers. For example Segoe UI, Times New Roman. If you use a font that does not yet exist on your customer's computer, then the font has to be downloaded before your text can be displayed. This impacts the time that your store takes to load.

9. Replace GIFs with static images

10. To reduce the initial load time, you can use Lazyload technique

11. 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.

12. Minimize HTTP requests. For example: Combine & inline your CSS scripts

13. Avoid unnecessary redirects and fix broken links

14. Use minified CSS and JS files

15. Don't add too many images on a page Adding too many images on a page can be frustrating. It can significantly slow the load time of your website. Also, it can overwhelm visitors, which will ultimately result in a poor user experience, a high bounce rate, and a high probability of lower rankings in relative search results.

16. You can use Google PageSpeed Insights to view more detailed metrics for pages in your store.

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!

I hope that the above list’s tips will help you decrease the load on your web pages and increase the Shopify website speed.

Gina
Add flareAI Shopify App today!

[itshan10]

First of all thank you for your message. And also, Can you check my site on Google Speed Insights and give me feedback? kidzee.com.tr

[itshan10]

And also how can I detect and delete the unused JSS codes?

[speedboostr]

@itshan10  it's usually not worth the cost to try and identify all possible unused code on each template, you'd have to split your theme files into multiple files per template, to only load exactly what's needed on that page. You might improve speed a little but not significant.

Here's what I'd do:

1) Remove old app code that may be loading (for example if you uninstall an app that added scripts, and you didn't remove them after deleting the app)

2) Conditionally load apps only on the pages that they're needed

3) Optimize your theme.

For 1 and 2, this guide will help: https://speedboostr.com/app-optimization-guide-for-shopify.

For 3, run it through the Shopify Analyzer, that's a performance analysis tool geared specifically for Shopify sites. With Google PSI you'll get some bogus warnings + it's not geared well for ecommerce sites that use apps, so you may be going down a rabbit hole with that for things that either can't be fixed, or are not good to "fix" (for example if they lower your conversion rate).

If you need help feel free to reach out at speedboostr.com/contact.  We're a team of Shopify optimization developers, have optimized 1500+ Shopify stores.