我有一个JS/PHP应用程序,它在不同的机器上有不同的页面加载时间。
我有我的主应用程序,它可以生成一些 HTML。
一个单页PHP应用程序以及一些生成URL的JavaScript,然后使用该URL加载iFrame(使用jQuery)。URL 最多包含 400 个字符或更多。从主应用程序中提取内容。
它的工作方式是当单页PHP加载JS接受任何参数并生成一个URL,然后内容的目标div显示加载gif,jQuery在目标div中创建一个iFrame。
$('<iframe>', {
src: '/foo/' + param,
}).appendTo("#bar");
然后jQuery等待iFrame加载,隐藏加载器并显示内容
$('#bar').on('load', function() {
$('#loading').hide();
$('#container').show();
});
在生产中(使用清漆),页面需要很长时间才能加载到移动设备和我的一台开发机器上,在另一台开发机器和我自己的笔记本电脑上,页面会立即加载。
我无法弄清楚瓶颈在哪里,浏览器需要很长时间才能加载具有长 URL 的 iframe,还是这可能是一个清漆问题?
禁用清漆后,加载页面需要很长时间。
URL 长度是否会导致页面加载时间不同?
不。URL 中的每个字符可能只有 1 个字节。因此,假设 URL 为 20 个字符,除非您的下载速度为 19 字节/秒,否则您不会注意到差异。
100MB/秒 = 104857600 字节/秒