Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/spring-mvc/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何减少一个有很多图片的网站的加载时间?_Javascript_Angularjs_Loading - Fatal编程技术网

Javascript 如何减少一个有很多图片的网站的加载时间?

Javascript 如何减少一个有很多图片的网站的加载时间?,javascript,angularjs,loading,Javascript,Angularjs,Loading,我用angularjs建立了我的摄影网站,但加载时间相对较慢 除了减小图像文件大小,我还能做些什么来缩短加载时间? 或者,至少加快加载时间的感知 我的网站链接是www.jbkphotographs.com我打开了Chrome的网络选项卡,重新加载了您的网页,并在此处复制了图像: 这表明加载Javascript文件占用了大部分时间。angular.js、jquery-2.1.3.js和ui-bootstrap-tpls-0.13.0.js都花了一秒钟的时间加载 如果你能压缩它们,那应该可以节省一

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

除了减小图像文件大小,我还能做些什么来缩短加载时间? 或者,至少加快加载时间的感知


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

我打开了Chrome的网络选项卡,重新加载了您的网页,并在此处复制了图像:

这表明加载Javascript文件占用了大部分时间。angular.js、jquery-2.1.3.js和ui-bootstrap-tpls-0.13.0.js都花了一秒钟的时间加载

如果你能压缩它们,那应该可以节省一些时间。另一个诀窍是使用公共CDN而不是您自己的服务器,这就是它们存在的原因(如谷歌字体):


优化加载时间有很多不同的策略,这使得这个问题对于堆栈溢出来说有点宽泛。老实说,我有点不知道从哪里开始。@EvanCarslake这个问题对程序员来说不太合适-它会很快被否决并在那里关闭,请参阅推荐阅读:也许这个问题会让你注意到你如何一次只能从你的站点抓取6个URL,这就是为什么你有这么多6个块的原因。使用CDN将释放那些有限的自有站点管道,以允许自定义代码更快地命中。尤其是cdn angular.js副本可能会产生巨大的影响。