故意减慢 HTML/PHP 页面加载速度进行测试

Question

我很好奇是否存在一种方法可以故意减慢页面加载速度？

我正在测试我的 HTML 和PHP 页面现在在我的本地主机上，我想看看当页面加载速度较慢时我的加载 gif 等将如何执行。

我意识到这是一个罕见的请求，因为大多数开发人员只关心加快页面加载速度，但我认为可能有一种方法，使用 javascript/jQuery 或 PHP 来执行类似的测试目的。

感谢您的帮助！

注意：我正在 MAMP 上进行测试，因此这是在 Mac OS 10.7 上运行的 Apache 服务器

Answer 1

您可以使用php的 sleep($seconds) 函数减慢页面加载速度。但是，您需要将 隐式输出缓冲区刷新设置为“on” 和 ob_implicit_flush(true); 如果您希望在页面处理完成之前将任何内容发送到用户的浏览器。否则，您的页面在加载完成之前不会有任何内容。仅仅调用 sleep 并不能解决问题。

Answer 2

在 Chrome 中，您可以使用开发人员工具模拟慢速互联网连接。在最右侧的“网络”选项卡下。您可以使用“Fast G3”等预设，也可以使用精确的上传、下载和 ping 数字创建自己的预设。

参考：https://helpdeskgeek.com/networking/simulate-slow-internet-connection-testing/

Answer 3

穆萨有正确的想法。测试缓慢页面加载的最佳方法是使用 Chrome 的开发人员工具。选择网络选项卡，然后单击显示“无限制”的下拉列表。然后将页面更改为您想要的速度。

这种方式优于使用 sleep 函数，因为您不必弄乱任何代码然后记得将其取出。如果您想更改速度，只需更改节流级别即可。

有关限制的更多信息查看文档。

Answer 4

这就是我要尝试的：
使用 php 资源作为图像源：

<img src="images/gifLoager.php" />

在 gifLoader.php 中，读取图像文件，在循环中延迟逐字节输出。

$fp = fopen( $path, 'rb');
while(!feof($fp)) {
        print(fread($fp, 1024));
        flush();
        Sleep(1);
     }
fclose($fp);

在输出二进制数据之前，不要忘记适当设置标头。

参考文献：

http://stackoverflow.com/questions/1563069/stream-binary-file-from-mysql-to-download-with-php
http://php.net/manual/en/function.sleep.php
http://www.gamedev.net/topic/427622-php-and-file-streaming-script-with-resume-capability/

更新2015-04-09
使用 Chrome“设备模式”：
该工具具有网络限制功能，可让您查看页面在网络带宽较慢的设备上的呈现方式。它具有许多其他功能，允许您模拟各种设备上的功能，例如屏幕尺寸和触摸。

https://developer.chrome.com/devtools/docs/device-mode

Answer 5

一点点 JS setTimeout 就可以解决这个问题

setTimeout(function()
{
    // Delayed code in here
    alert('You waited 5 seconds to see me'); // Waits 5 seconds, then alerts this
}, 5000); // 5000 = 5 seconds

Answer 6

您可以使用 sleep()：

<?php
// Delays for 10 seconds.
sleep(10);
?>

...
html here
...

Answer 7

在 PHP 代码中调用 sleep() 来延迟向服务器发出请求。

Answer 8

您可以使用 sloppy 本地网络代理 来减慢您的连接速度（它是 JAVA 语言，所以它会可能在您的开发机器上运行，如果您希望浏览器如何响应缓慢的 HTML 加载（例如，动态大小的 HTML 表格等），您可能还需要关闭 mod_deflate 来进行测试。

另外，请参阅 此问题位于 webmasters.stackexchange.com 上