How can I improve my debut theme website's mobile loading speed?

Howdy Folks,

I am using the Shopify debut theme for my website (www.gacstop.com). I am very much concerned about my website load speed in mobile and desktop versions. As per google speed test mobile version performance is 30 and Desktop performance is 83. Comparatively, desktop performance looks much better. But most of my website visitors are from mobile devices.

I deleted apps that I don’t use anymore and now I use only 4 apps. Now, most of my pictures are 1000px by 1000 pix on average and they are in JPEG format. After this optimization, my desktop version and mobile performance improved a little bit, but I want my website performance on both desktop and mobile at least 90 and above.

Can you please share what I can do to improve my website performance? I don’t have a big budget to hire professionals, got a very tight budget. How much would it cost to hire professionals to optimize a website?

By the way, I want to know your website speed on both desktop and mobile.

Your help is much appreciated.

Thank You

2 Likes

@GACSTOP

Hi,
Welcome to Shopify Community.
Sorry for Having an issues. We always happy to help you.

“As per google speed test mobile version performance is 30 and Desktop performance is 83. Comparatively, desktop performance looks much better. But most of my website visitors are from mobile devices.”
Yes, You have to optimized your Whole Site. Here is some tips:

  • Choose A Lightweight Theme

  • Reduce Large Image Sizes

  • Compress Images

  • Replace GIFs With Static Images

  • Lazy Load Images

  • Limit Third-Party JavaScript & Shopify Apps/ Plugins

  • Migrate Tracking Codes To Google Tag Manager

  • Run Your Store Through Google PageSpeed Insights.

  • Optimize your whole site

  • Minify your js, CSS ,Html files.

  • Reduce the use of video files.

  • Use Shopify page speed optimizer

    if you want to Know More or Read more and you want to Hire Professional in your Own Budget.
    https://www.zworthkey.com/speed-optimization/
    Check here.

    Thank you
    Best And Regards

Follow up on this, I removed unwanted apps and residual app codes. Now my website desktop version is in green zone around 90 score. But mobile version is still around 30-35. Please check attachment.

You need A Shopify developer help me make it happen. If you can’t know everything then let me know so I can help you.

@Zworthkey Yes I am looking for someone who can optimize the mobile version of my website. Can I get some Shopify websites you helped optimize?

Also, I want to know your prices.

1 Like

Dear @GACSTOP ,

  • Use a tool like JPEGmini or Kraken.io to compress images before uploading them to a website
  • It is better to upload different size images for the mobile version
  • It is necessary to remove uninstall Shopify app codes from Shopify theme for speed optimization.
  • Eliminating render-blocking JavaScript and CSS
  • Minifying HTML and JavaScript

@GACSTOP
Thank you, You can directly contact us. below is our contacting details.
Thank you.

@Wahab_Ahmad Thank you for your feedback. I will definitely start working on compressing images. However, as per the google speed test, it’s not the image causing the slow down of the loads but some unused java and CSS. I have attached a snapshot below.

How much would it cost me should I have to hire professionals to fix java, CSS, and HTML issue. I have only a $100 budget.

How do I upload different files size just for the mobile version? This sounds like lots of extra work.

@GACSTOP
You have to Edit Image for mobile Size. and in your theme you need to make a section to upload mobile size images.

Hello @GACSTOP

After reading through and checking through your website link here are some tips that can help

  1. Choose A Lightweight Shopify Theme (Original Data)

Choosing a fast Shopify theme can immediately put your website in a great position from a performance standpoint. Some themes might come with unnecessary bloat out of the box, putting your site at a performance disadvantage. Conversely, a more lightweight theme will set your site up for strong performance moving forward.

  1. Reduce large image

Resizing large image assets can be one of the best ways to speed up a Shopify site. When evaluating a lot of Shopify sites, we’ve noticed that many businesses have a propensity to use large numbers of images. This makes sense since images are a staple of eCommerce stores. This is even more true in verticals such as retail where images are a necessity to highlight products.

  1. Compress Large image

Images can also be unoptimized when they are not compressed. It’s very common to see Shopify stores where no compression has been applied to uploaded images which leads to larger image sizes than are necessary

• Lazy Load Images
• Limit Third Party JavaScript & Shopify Apps
• Migrate Tracking Codes To Google Tag Manager
• Run Your Store Through Google PageSpeed Insight

Regards Precious

1 Like

This issue has been taken care of. Thank you everyone for the suggestions and tips. I really appreciated it.

Hey Gacstop. I have the same problem and am not a pro. Got my website speed up but the mobile site is slow. Any tips on how you fixed this?

John - www.lavenderlime.co.uk