So most of my pages load reasonably well from a user perspective. However, I've noticed that when I use web monitoring tools, it says the time to load the pages completely are around 20 seconds.
On closer inspection I've also found that the latter stage of that long load time is all of my navigation pages being loaded. You can see them at the bottom of this list:
They each seem to add around 300ms:
Hopefully someone could advise what could be amiss here.
Solved! Go to the solution
About half of the users that visits the website expect the site to load in 2 secs or less. If the website load time is more than that then user tend to abondon.
Below are some of the practices to optimize the website for the best possible performance.
1) Minimize HTTP requests - These requests tend to take up 80% of the webpage loading time thereby limiting requests between 3-5 simultaneous connections per domain which is not a good option.
2) Browser Catching - This allows assets to be downloaded in the hard drive. These files are stored locally on the system, which leads to the subsequent increase in the loading speed.
static assets have a lifetime of maximum one week while widgets or adds lasts for a day.
3) Compress Images and optimize files - Images take up the 60% average byte loaded per second. You can probably remove images that you think are not needed. Take a look at the images you come across and check their sizes for optimization.
JPG is important for pictures where detailing is less important
PNG should be used for images where you need transparent background
SVG is required for vector images where detailing is necessary.
This is an accepted solution.
You can click on the individual requests in WebpageTest to get details.
Looks like those extra collections are all being loaded by something called avanbo.speed-page.js:
If I were approaching this problem I would do this:
1) Identify the app, and disable it (or comment out the theme code if it's a snippet).
2) Re-run the WPT test to verify results
3) If load speed returns to normal, figure out why the app is loading all that extra content and if it's necessary
4) Fix or contact the app developer (if that turns out to be the issue)
It might take some more digging to identify exactly the cause, but starting from the "loaded by" field in WPT is a good place to start looking.
Check out Google' PageSpeed. It gives a detailed information about every file causing delay and what is the remedy for that. Follow the below steps also:
Hope this helps,
Thanks for your help guys really appreciate it.
@JoesIdeas - love the detail you gave me there and I've improved my knowledge on analysing WebpageTest data too.
Went through your logical steps also and found the app.
From the analysis I did, I wasn't convinced it improved my store performance at all and I have left it off for now.