Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hi all.
My website is running very poorly. The website is super slow and I ran an audit via Lighthouse and GT Metrix. I have zero experience with coding, minify JS and CSS, etc. Can someone please help me!!!
@fancyfrontporch To speed your shopify store you can follow these common steps
> Fix render blocking resources - CSS/JS files
> Resize images and convert to .webp format
> Provide responsive images
> Lazyload Offscreen images
> Clean unused CSS/JS/Apps
> Preload Files CSS/JS/fonts as needed
> Minify Css/JS files
You can follow guides from google. If you need to hire someone you can contact with me.
H! @fancyfrontporch !
There are a lot of potential reasons for slow store speed such as, installed applications, the large uploaded file to your admin, images sizes, and many more. I highly suggest that you check the Shopify Online Store Speed and Improving your performance help documents to give you further insights about this and detailed instructions on how to improve your online store speed.
Hi!
The apps that boost page speed may contain cheating metrics.
Here is a post explaining this from Shopify experts: https://performance.shopify.com/blogs/blog/don-t-get-scammed-by-fake-performance-experts-and-apps
To speed up the site use as few Shopify apps as possible, as they may affect the site's speed and performance.
Try also preloader apps to make waiting satisfying for your site visitors, for example, Elegant Preloader. These preloaders are beautiful and there are many features there, such as a progress bar, counting percentage, and background images
Yes, we have to be more careful. Not only app but there are lots of freelancers and companies available who use black hat techniques to show high speed score. They do not optimize user experience and just show you high score. I wrote a post on this too. https://www.speedboostify.com/dark-side-of-shopify-speed-optimization/
What's your url so we can look into it?
Website speed measurement tools often use a slow 4G network, which can be somewhat slower than reality. Here are some tools that can help you address some issues:
- Minify CSS and JS: Copy the content of the .css and .js files from the edit theme section and use [this tool](https://codebeautify.org/minify-js) to minify them.
- Optimize images: You can use Avada's SEO app, which has a free SEO tool for image optimization.
- Set loading attributes: Add loading="lazy" for images below the viewport and loading="eager" for images within the viewport. This will help you load essential elements quickly while deferring images that are not immediately needed.
- App management:Many stores install too many apps without being selective. You can review your list of JavaScript files by pressing F12 => Network => JS => sort by time.
Hello,
Welcome to the Shopify Community!
I am San from MS Web Designer
I would love to help you with some expert feedback here.
- Kindly Provide your Store URL,
- Also, Mention Which Shopify theme you are using
- How many Apps are you using?
Note: If your store is protected with ‘store Font password,’ please Send it here.
If you have any concerns feel free to ask me!
Regards,
San
If it’s helpful to you, please mark it as a solution.
Need Help with Shopify Design, Migration, Speed, or Custom tasks?
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024