Intentionally Slow Down HTML/PHP Page Load to Test
You can use php's sleep($seconds) function to slow down a page load. However, you would need to turn implicit output buffer flushing to "on" with ob_implicit_flush(true); if you want anything to be sent to the user's browser before the page is done being processed. Otherwise your page won't have ANY contents until it's done loading. Calling sleep alone won't do the trick.
In Chrome, you can simulate a slow Internet connection with the developer tools. under the "Network" Tab on the far right. You can use a preset like "Fast G3" or can create your own with exact numbers for upload, download and ping.
Reference: https://helpdeskgeek.com/networking/simulate-slow-internet-connection-testing/
This is what I would try:Use a php resource as source of the image:
<img src="images/gifLoager.php" />in gifLoader.php, read your image file, output it byte by byte with a delay in the loop.
$fp = fopen( $path, 'rb');while(!feof($fp)) { print(fread($fp, 1024)); flush(); Sleep(1); }fclose($fp);Don't forget to appropriately set the headers before outputting the binary data.
Referrences:
http://stackoverflow.com/questions/1563069/stream-binary-file-from-mysql-to-download-with-phphttp://php.net/manual/en/function.sleep.phphttp://www.gamedev.net/topic/427622-php-and-file-streaming-script-with-resume-capability/UPDATE 2015-04-09Use Chrome 'Device Mode':This tool has a network throttling feature that allows you to see how your page may render on a device with a slow network bandwidth. It has many other features that allow you to emulate features on various devices such as screen size and touch.