故意放慢HTML / PHP页面加载以进行测试

2020/12/31 23:21 · php ·  · 0评论

我很好奇是否存在一种故意降低页面加载速度的方法吗?

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

我意识到这是一个难得的请求,因为大多数开发者只关注加快页面加载,但我认为有可能是一个方法,即使用的JavaScript / jQuery的或PHP,做这样的事情出于测试目的。

谢谢你的帮助!

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

您可以使用php的sleep($seconds)功能来减慢页面加载速度。但是,你需要把隐含的输出缓冲区刷新到“开”ob_implicit_flush(true);你想要的网页做任何事情之前被发送到用户的浏览器正在处理中。否则,在完成加载之前,您的页面将没有任何内容。单独叫睡眠不会解决问题。

在Chrome浏览器中,您可以使用开发者工具模拟慢速的Internet连接。在最右边的“网络”标签下。您可以使用“ Fast G3”之类的预设,也可以创建自己的数字,以进行上载,下载和ping操作。

在此处输入图片说明

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

这是我会尝试的方法:使用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/

UPDATE 2015-04-09
使用Chrome“设备模式”:此工具具有网络限制功能,可让您查看网页在网络带宽较慢的设备上的呈现方式。
它具有许多其他功能,可让您在各种设备上模拟功能,例如屏幕大小和触摸。

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

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

这种方式优于使用睡眠功能,因为您不必弄乱任何代码,然后记住将其取出。如果要更改速度,只需更改节流级别即可。

有关节流的更多信息,请查看docs

您可以使用sleep()


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

...
html here
...

调用sleep()您的PHP代码以延迟对服​​务器的请求。

一点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

您可以使用草率的本地Web代理来减慢连接速度(它在JAVA中,因此它可能会在您的devel机器上运行。如果需要,您可能还想关闭mod_deflate以进行测试,以便浏览器如何响应缓慢HTML加载(例如,动态调整大小的HTML表等)

另外,请参阅webmasters.stackexchange.com上的此问题

本文地址:http://php.askforanswer.com/guyifangmanhtml-phpyemianjiazaiyijinxingceshi.html
文章标签: ,   ,   ,   ,  
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!