为什么我的画廊页面需要很长时间才能加载？

Question

When I go to this page of the site I'm building: http://test.kianistudios.com/placepigalle/gallery.php

it takes insanely long to load. In fact, as I scroll down the page (in Chrome), even the background doesn't load and there's just transparent backgrounds: http://oi61.tinypic.com/2zqttox.jpg and it freezes and lags for about 15 seconds before it fully loads. I have no idea why, other websites have hundreds of images much larger and they load with a breeze.

Here is my code http://pastebin.com/raw.php?i=y6EqeFTW

Many thanks!

Answer 1

Use your F12 dev tools / Firebug / Chrome network tab:

1. Images are too large (not optimized for web) see this post (217 MB of downloaded material - as someone else mentioned this is probably your biggest hit in terms of time)
2. You're making too many requests for js files - browsers are limited on the number of simultaneous requests and so it is having to wait to downoad your js files until the images are done.
3. Your PHP script took 9.5 seconds to run at least one time after refreshing. Take a look at your code in PHP and see about how to optimize it.
4. jQuery isn't loading - 404 at "js/vendor/jquery.js"