Намеренно замедляйте загрузку страницы HTML/PHP для тестирования

Вы можете использовать функцию php sleep($seconds), чтобы замедлить загрузку страницы. Однако вам нужно будет включить неявную очистку выходного буфера. с ob_implicit_flush(true);, если вы хотите, чтобы что-то было отправлено в браузер пользователя до завершения обработки страницы. В противном случае на вашей странице не будет НИКАКОГО содержимого, пока она не загрузится. Призыв сна сам по себе не поможет.

В Chrome вы можете имитировать медленное подключение к Интернету с помощью инструментов разработчика. на вкладке «Сеть» справа. Вы можете использовать предустановку, такую ​​как «Fast G3», или создать свою собственную с точными числами для загрузки, загрузки и проверки связи.

Ссылка: 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/

ОБНОВЛЕНИЕ 09-04-2015 Используйте Chrome «Режим устройства». Этот инструмент имеет функцию ограничения скорости сети, которая позволяет вам увидеть, как ваша страница может отображаться на устройстве с низкой пропускной способностью сети. Он имеет множество других функций, которые позволяют вам эмулировать функции на различных устройствах, такие как размер экрана и сенсорный ввод.

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

У Moussa правильная идея. Лучший способ протестировать медленную загрузку страницы — использовать инструменты разработчика Chrome. Выберите вкладку «Сеть», а затем щелкните раскрывающийся список с надписью «Без регулирования». Затем измените страницу на желаемую скорость.

Этот способ лучше, чем использование функции сна, потому что вам не нужно возиться с каким-либо кодом, а затем не забыть его вынуть. Если вы хотите изменить скорость, просто измените уровень дросселирования, и все готово.

Дополнительные сведения о регулировании ознакомьтесь с документацией.

Вы можете использовать sleep():

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

...
html here
...

Немного 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

Вызовите sleep() в своем PHP-коде, чтобы отложить запрос к серверу.

вы можете использовать небрежный локальный веб-прокси, чтобы замедлить ваше соединение (это в JAVA, поэтому вероятно, работает на вашей машине разработки. Вы также можете отключить mod_deflate для целей тестирования, если хотите, чтобы ваш браузер реагировал на медленную загрузку HTML (например, HTML-таблицы с динамическим размером и т. д.)

Также см. этот вопрос на webmasters.stackexchange.com