I’m working on optimizing a site and I’ve been able to get all of the pages to load in around 2 seconds just by optimizing the images with photoshop but, I have one page that doesn’t seem to react like the rest. When I open up the developer tools in Chrome and watch the waterfall timeline of the loading elements it shows that there is a lag of over 3 seconds just to load the document. The fastest time I’ve ever been able to get the page to load is around 7 seconds, which is way longer than it should be since the page is only 895 kB.
Is this a server issue or is there some faulty code in the specific page? It makes me wonder because other pages on the same website load much faster even though their size is greater. Any help from you would be awesome!
Link to webpage: http://egi.utah.edu/corporate-associate-program/corporate-associate-list/
A cache plugin probably will solve your problem since no query will be called to db unless something in the page changed.
I used 2 of them and both speed up sites. (But only use one, you cant use both at the same time.)
I was able to solve the problem with your input. It turns out that it was a image slider plugin (FlexSlider) that was re-generating the images to fit the size of the element which was slowing it down so much. There were 7 large images that it re-generated on the server side as the page was requested. All I had to do was stop the plugin from resizing the images by leaving it to the default setting and I wrote some javascript to do the same thing but locally and it sped up the loading time drastically. It’s now loading at under 3 seconds when it was loading at around 10.
Thanks @drew010