如何限制 HTML 页面的加载速度？
Posted
技术标签:
【中文标题】如何限制 HTML 页面的加载速度？【英文标题】：How can I limit the load speed of an HTML page? 【发布时间】：2020-01-31 05:36:39 【问题描述】：一个稍微不寻常的问题。我需要限制 html 页面的下载速度，并且我需要实现这一点的代码适合
部分。这可能吗？试过php的sleep功能，好像没有效果。
【问题讨论】：
你试过lazy-load吗？
请更详细地解释您要达到的目标。例如，您可以在需要的时间内使用 javascript 隐藏页面。提供更多详细信息。
你的意思是从浏览器的初始请求还是从响应中收到的第一个字节？有区别。
我不确定。我想要的最终结果是页面为用户加载缓慢，好像他们的连接速度很差。
请告诉我们您为什么要实现这一目标。如果是模拟慢速网络是不可能的（没有扩展），但其他原因可能是可行的。
【参考方案1】：
您可以按照W3Schools 中的说明使用setTimeout()。
首先，您将主体的display 属性更改为none。
<body style="display:none">
然后您将创建一个获取body 元素并将display 属性更改为block 的函数。
function myFunction()
var body = document.getElementsByTagName("body")[0];
body.style.display = "block";
之后使用setTimeout()。在下面的示例中，我将超时设置为 3 秒。该函数将在 3 秒后执行。
setTimeout(myFunction, 3000);
function myFunction()
var body = document.getElementsByTagName("body")[0];
body.style.display = "block";
setTimeout(myFunction, 3000);<html>
<head>
</head>
<body style="display:none">
<h1>Time out</h1>
</body>
</html>【讨论】：
以上是关于如何限制 HTML 页面的加载速度？的主要内容，如果未能解决你的问题，请参考以下文章