Slow Speed

Slow Speed

SmithScarf
Visitor
1 0 1

I am having a issue with slow speed on my client website
https://vapedistrict.pk/

Replies 3 (3)

JSheldon3488
Shopify Partner
14 0 3

Hey @SmithScarf 

 

Web Performance is a deep and complex topic. There are many reasons your websites performance could be "slow" and it's probably best to hire an expert. Shopify partners could help with this https://www.shopify.com/partners/directory/services/store-setup/website-audit-and-optimization-strat....

Beast_Boy
Shopify Partner
41 0 0


Speed bumps can slow down sales, this what can get your site moving again.
You can begin with your images , some third party apps like Crush Pics or TinyIMG will shrink your website images without losing quality.
second, declutter your apps, remove anything you’re not actively using so you’re not loading extra scripts.
Then, switch on lazy-loading for images below the fold and hold off on non-essential scripts until after the main content loads.
Finally, run a quick performance check with Lighthouse or GTmetrix to spot any other hiccups.

 

If this fixed your issue, a like and marking it solved will mean a lot to me.
I am a Shopify Specialist | Focused on helping eCommerce stores Grow - Maven
Need help with your store design or optimization, need to increase sales, support in marketing ? Let me assist..
Contact : uxmavenonline@gmail.com

Website_Speedy
Shopify Partner
128 0 1

Hello @SmithScarf , I have tested your website on Google PageSpeed Insights and found that the performance LCP score is worst means users are waiting too long to see meaningful content.. This LCP issue on hero banner image, Serve Images in Next-Gen Formats you can convert PNG/JPG images to WebP before uploading.

 

If you take a closer look at the issues, you will find LCP is impacted because of the homepage banner image which requires some parameters update to change its priority to load first then last with some additional improvements.

 

Shopify's image URL modifiers allow WebP automatically:

<img src="{{ image | img_url: '800x' | replace: '.jpg', '.webp' }}"  alt="{{ image.alt | escape }}" loading="eager" fetchpriority="high" width="800" height="auto" />

 

You can further optimize the hero banner image by preloading it. This ensures the image loads earlier, improving your LCP score:

<link rel="preload" href="{{ image | img_url: '1024x1024' | replace: '.jpg', '.webp' }}" as="image" />

 

Alternate, If you’d prefer not to edit theme files manually, you might want to try the Website Speedy Shopify app — it comes with a 14-day free trial and improve speed optimizations automatically.

(Disclaimer: We’re the developers of this tool)