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.
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.
There can be various causes for the sudden increase in the loading time of your website. Here are some suggestions for you:
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.
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.
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.
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.
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:
Go to your store’s dashboard and click “Themes” under “Online Store”
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.
In the left column, search for “image-banner.liquid”, this will bring up the file where you’ll need to make a small modification
Open the file
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.