sudden Issues with site speed

[davemdns]

Hello, 

my site has been experiencing issues as of recently regarding site speed. Before, my site had issues with unused apps and large images that needed to be sized down. Now, I can't find a specific issue with what's making my site slow all of a sudden.

I use PageSpeed Insights to analyze whatever's going on in the back/front end. It's not really telling me (or rather I can't discern) the main issues to fix.

I have been trying out apps to see if they'd work for our store, but I always uninstall apps that my store won't go through with. 

My store's site is wooahkoco.com

Any help would be appreciated. 

[Suraj_Singh]

@davemdns I hope you are doing great.
I reviewed your website and will be more than happy to optimize the speed and performance of your Shopify store. As per the test results, there is a large scope for improvement. 
Google Page Insights Results - https://pagespeed.web.dev/analysis/https-www-wooahkoco-com/rh5fwlirb1?form_factor=mobile

The goal is not just to improve the number but also to improve or get good Core Web Vital scores, i.e.,
CLS(Cumulative Layout Shift),
FID(first input delay), and
LCP(largest contentful paint)

Please feel free to reach out if you have any questions.

[davemdns]

What would be the quickest, straightforward methods to improve site speed ASAP? Just a few quick fixes.

[Suraj_Singh]

@davemdns 

If it comes to the quickest, I’ll recommend you to use our paid tool www.websitespeedy.com through which you can easily boost up the speed and performance of your website by using 5 simple steps.

Please check and let me know if this sounds good to you.

[JohnE10]

Here's one quick fix:

One of the red marks/warnings in the PageSpeed Insights test Diagnostics section is the all-too-familiar: "Largest Contentful Paint image was lazily loaded".

While it's important to lazy load images, this should not be done for images above the fold, only below. So, the lazy loading for your hero image needs to be disabled.

Here's how to quickly do that:

1. Go to your store's dashboard and click "Themes" under "Online Store"
2. Look for the "Current theme" section and click the 3 dots next to the "Customize" button, and then click "Edit code" in the pop-up/context menu.
3. In the left column, search for "image-banner.liquid", this will bring up the file where you'll need to make a small modification
4. Open the file
5. Find the first line of code that says: "loading: 'lazy'," (without the double quotes) and either delete the line or replace 'lazy' with 'eager' (be sure to keep the comma after 'eager').
   
   That'll take care of the LCP Lazy loading issue for you.

[Sweet3]

Hello 

I hope you are doing well.

I have checked with the performance of your site speed:https://gtmetrix.com/reports/wooahkoco.com/dAaKI5pa/

https://prnt.sc/P8Lhgcz6HFmY and here is the screenshot for that. So you can tell me  how much performance you need to increase it? So i can suggest for you.

[SEOKart]

Hello Davemdns,

Thanks for reaching out to the community!

There can be various causes for the sudden increase in the loading time of your website. Here are some suggestions for you:

1. Remove Unnecessary JavaScript and CSS: Many times, when you remove or uninstall the apps from your website, they leave residue in the form of JavaScript and CSS, which are unnecessary for the website. All you have to do is assess the website, identify the unnecessary scripting, and remove it from the website.
2. Implement AMP: Accelerated Mobile Pages or AMP is an open-source HTML framework by Google, which allows Google to store the cached version of the website in the server to reduce the loading of the website on mobile devices.
3. Use GZIP: You can use GZIP for textual compression of JavaScript and CSS of the website, which can make the scripting on the website lightweight.
4. Implement Lazy Loading: Lazy loading is the technique, in which certain resources on the website are selected whose waiting time to load is increased to allow the important content of the website to load quickly. This technique can be used for advertisements and big images on the website.

Hope it helps!

Leesha

SEOKart

[SAN_MSWEB]

Hi @davemdns 

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

For Improving Shopify Store Load Speed and Performance, you need to optimization your store.

Few Tips to Speed Up your Shopify store-
1. Use compressed images
2. Optimize use of Shopify apps
3. Implement AMP
4. Consider Professional Help
5. Use a single Hero Image
6. Minify Js/Css files

Regards,

San