如何减少包含大量图片的网站的加载时间？

Question

我使用angularjs建立了我的摄影网站，但加载时间相对较慢。

除了缩小图像文件大小外，我还能做些什么来改善加载时间？ 或者，至少加快加载时间的感觉？

链接到我的网站是www.jbkphotographs.com

Answer 1

我打开了Chrome网络标签页面，重新加载了您的网页，并在此处复制了图片：

它表明加载Javascript文件占用了大部分时间。 angular.js，jquery-2.1.3.js和ui-bootstrap-tpls-0.13.0.js都需要一秒钟才能加载。

如果你可以压缩它们，那应该可以节省一些时间。另一个技巧是使用公共CDN而不是您自己的服务器，这就是他们在那里的原因（如Google字体）：

https://developers.google.com/speed/libraries/

http://www.bootstrapcdn.com/

http://cdnjs.com/libraries/angular-ui-bootstrap

http://cdnjs.com/libraries/masonry