Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/458.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_Php_Jquery_Html_Css - Fatal编程技术网

Javascript 为什么我的图库页面要花这么长时间才能加载?

Javascript 为什么我的图库页面要花这么长时间才能加载?,javascript,php,jquery,html,css,Javascript,Php,Jquery,Html,Css,当我转到我正在构建的站点的此页面时: 装载要花很长时间。事实上,当我向下滚动页面时(在Chrome浏览器中),即使是背景也不会加载,只有透明的背景:在完全加载之前,它会冻结并延迟大约15秒。我不知道为什么,其他网站有数百张更大的图片,它们轻松加载 这是我的密码 非常感谢 这需要很长的时间,因为您正在以全分辨率加载所有图像,而不是生成缩略图。这里有一个链接,详细介绍了Pingdom工具评估的站点加载方式: 似乎您正试图强制用户下载122兆以上的图像,以便他们看到您的页面。那太疯狂了。尝试使用浏览

当我转到我正在构建的站点的此页面时:

装载要花很长时间。事实上,当我向下滚动页面时(在Chrome浏览器中),即使是背景也不会加载,只有透明的背景:在完全加载之前,它会冻结并延迟大约15秒。我不知道为什么,其他网站有数百张更大的图片,它们轻松加载

这是我的密码


非常感谢

这需要很长的时间,因为您正在以全分辨率加载所有图像,而不是生成缩略图。

这里有一个链接,详细介绍了Pingdom工具评估的站点加载方式:


似乎您正试图强制用户下载122兆以上的图像,以便他们看到您的页面。那太疯狂了。尝试使用浏览器缓存生成缩略图,并减少请求连接超时次数。

使用F12开发工具/Firebug/Chrome网络选项卡:

  • 图像太大(未针对web进行优化)(217 MB的下载内容-正如其他人所提到的,这可能是您在时间上的最大成功)
  • 您对js文件的请求太多了—浏览器对同时请求的数量有限,因此必须等到图像完成后才能下载js文件
  • 刷新后,您的PHP脚本至少需要9.5秒才能运行一次。看看你的PHP代码,看看如何优化它
  • jQuery没有在“js/vendor/jQuery.js”加载-404