These are my test results, http://www.webpagetest.org/result/121222_0X_7J2/
Screenshot: http://www.webpagetest.org/screen_shot.php?test=121222_0X_7J2&run=1&cached=0
please view them. any advice will be much appreciated.
These are my test results, http://www.webpagetest.org/result/121222_0X_7J2/
Screenshot: http://www.webpagetest.org/screen_shot.php?test=121222_0X_7J2&run=1&cached=0
please view them. any advice will be much appreciated.
Looks like the vast majority of your actual site content is getting loaded after onload. That’s pretty unusual to see.
Any chance you were pushing someone for a fast site and it was being measured by the onload time? Kind of looks like it was gamed on purpose.
First step, re-compress all of your image assets. At 8MB to load the page, it’s enormous and looks like close to half of that could be saved just by compressing all of your jpeg photos at a more sensible level:
http://www.webpagetest.org/result/121222_0X_7J2/1/performance_optimization/#compress_images
You should also figure out if you really need to load 140 images for the carousel all when they first land on the page.
Next up you should look to combine a bunch of that javascript and css - looks like roughly 25 separate requests for js and css assets which is taking the bulk of the 4 seconds to load your framework. At most you should probably have a total of 6 - preferably with the css coming first and the javascript coming after (best at the end but it looks like all of your UI is done by javascript).
The image flow XML call is basically holding up the UI as well once the framework code loads. It would be best if you could send down the meta-data for the carousel with the initial page load and avoid the extra call. Right now the carosel UI doesn’t even really start loading until ~6 seconds in.
Hi Pat,
Wow, Honestly I know nuts about website buliding, but i keen to learn. Half of what you describe ive got know idea. is there any websites/ or softwares that i can visit shorten my website?
What is onload time? how to correct that?
Next, you mentioned javascript and css, preferably with the css coming first and the javascript coming after. But I purchase the wordpress theme from themeforest, come with the image flow. so how do i rectify?
Please, do help…
You might be able to get some gains without too much work or cost by trying out either Cloudflare or Google’s PageSpeed Service. Both of them are as close to turnkey as you’re going to see and are available for free (though some of Cloudflare’s optimizations are add-ons and Google’s is only free while it is in trial).
If you don’t mind a little tweaking you can try installing the W3 Total Cache plugin which will help with the css and javascript but you are going to have to experiment with the settings and it doesn’t have anything to help with the images.
At the end of the day, you’re going to need a developer to work on the site code itself if you want to make significant progress. It’s somewhat unfortunate (but not unusual) that the theme you purchased is not terribly performant.
Hi Pat,
I have followed your instruction, so far so good! I managed to score 95, but i dont know to “Serve scaled images”, any advice?
Each Page Speed check should be linked to a document that explains it: Reduce the size of the above-the-fold content  | PageSpeed Insights  | Google Developers
There is also a discussion group specific to Page Speed: Redirecting to Google Groups
I include the page speed optimization checks as part of WebPagetest but they are actually maintained by a different team and are exposed in a bunch of different tools.
That said, I tend to favor looking at the actual performance and waterfalls over optimizing for the page speed score. It’s good to look through the recommendations for ideas on things to fix but they may not all make sense on every site (and they don’t always correlate to actual page load speeds).