What is the easiest way to make my website faster?

[LSAccounting]

My website seems to be slower than others that have a similar website. When I check the report it does state it is mainly the mobile version. What can I do to make it faster? Since making the website, I haven't made any adjustments to the mobile version. 

[christaelrod · Accepted solution]

Use add-on like File Optimizer to compress the JS, and CSS scrips. Enable lazy loading for images using Lazify addons. Finally add CDN to the website. Hopefully it will increase your website load time.

[flareAI · Accepted solution]

Hello @LSAccounting,

Gina here from flareAI.

Website speed will affect your conversions and profits. A fast-loading website is essential for getting massive traffic to the website.

I have some tips that will help you decrease the load on your web pages and increase the Shopify website speed.

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

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, and 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!

Wishing you the best with your store,

Gina
flareAI: Generate Sales from Google Search, on Autopilot

[kazi]

Hello @LSAccounting  It depends on the theme, number of app, can you share the store URL ? So i can check

[LSAccounting]

@kazi 

https://www.lsaccountingfirm.com/

Number of apps: 10 or less

Theme: Spark 

[kazi]

Google page speed report mobile scores is low 11.

https://pagespeed.web.dev/report?url=https%3A%2F%2Fwww.lsaccountingfirm.com%2F

You need to fix the following issues as appears there.

Reduce unused JavaScript
Properly size images
Defer offscreen images
Minify JavaScript
Eliminate render-blocking resources
Reduce initial server response time
Reduce unused CSS
Avoid serving legacy JavaScript to modern browsers
Serve images in next-gen formats

If you cant fix them you can hire any developer to fix them for you.

[LSAccounting]

I have already seen this report via Shopify. But I have no idea what any of these mean. 

[kazi]

You can hire any shopify developer to fix them if you are not familiar with them.

[christaelrod · Accepted solution]

Use add-on like File Optimizer to compress the JS, and CSS scrips. Enable lazy loading for images using Lazify addons. Finally add CDN to the website. Hopefully it will increase your website load time.

[flareAI · Accepted solution]

Hello @LSAccounting,

Gina here from flareAI.

Website speed will affect your conversions and profits. A fast-loading website is essential for getting massive traffic to the website.

I have some tips that will help you decrease the load on your web pages and increase the Shopify website speed.

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

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, and 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!

Wishing you the best with your store,

Gina
flareAI: Generate Sales from Google Search, on Autopilot

[socrates]

The easiest way would be to remove or replace some time-consuming components and apps.

Use the https://pagespeed.web.dev tool, and check the following part of your test report:

- Reduce the impact of third-party code

- Eliminate render-blocking resources

- Reduce unused JavaScript

You should be able to tell the name of apps/snippets/components from the css/js files in the report, and those are the most time-consuming ones.

If those you found are not important, just remove them; if they are important, found alternative ones with better performance. 

[MS_WEB_DESIGNER · Accepted solution]

Hi @LSAccounting,

I am Ani From MS Web Designer (Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore ) I helped 1000+ Shopify Store owners to Optimize their website loading speed for both mobile and desktop and increase their conversion rate.

Here are some proven steps that will improve your website speed dramatically for both mobile and desktop.

• Select a light Weight Shopify Theme (OS 2.0 Compatible) 
• Remove all Unwanted Shopify App ( That you have installed, but not using)
• Minify Javascript, CSS 
• Reduce the Large Image Size
• Eliminating the halting problem in Javascript
• Apply Lazy loading per section wherever required
• Replace Gifs with the Static Images
• Resize Products images using Shopify App ( for Bulk )
• Check Page Speed by Google page Insight.

By fixing these issues, your website speed score can definitely improve
If you want a Free complete Website Optimization Audit Report ( All the Actionable steps for your store ), let me know. 

If you have any concerns feel free to ask me!

Pro Tips :
Proven Shopify App to Improve and Sales Conversion Dramatically

Coupon Discount Popup in Cart :
https://apps.shopify.com/available-discount-coupon-list-on-cart-page

- Show Selected Coupons on Cart
- Show Saving on Cart Value
- Boost Conversion Rate & AOV

Elegant Sticky Add to Cart, Floating Cart, Sticky Checkout

https://apps.shopify.com/cart2sale

Recover abandoned carts and market better with web push

https://apps.shopify.com/pushowl?

Useful Resources for Speed Optimization :
10 Proven Steps that will Improve your Shopify Website Speed
https://blog.mswebdesigner.com/10-proven-steps-that-will-improve-your-shopify-website-speed/

How to Maintain Shopify Speed Post Optimization: A Quick Guidelinehttps://blog.mswebdesigner.com/how-to-maintain-shopify-speed-post-optimization-a-quick-guideline/

Best wishes!

Regards,
Ani