4G回線下での画像アップロードを高速化したい

PHPを使い、以下の流れを実現しようとしています。

1-1 ユーザーに画像をアップロードしてもらう
1-2 ajaxでアップロードされた画像を指定のフォルダに保存
1-3 保存が完了したら画像を表示する

以下が必要要件です。

2-1 PCで動作する
2-2 スマホでも動作する
2-3 回線状態が良くない4G（3G）環境でも動作する
2-4 スマホで撮った画像を直接アップロードできる

一通り実装し、PC、Wi-Fi環境下、通信環境のいい4G環境では問題なく動作しました。
ただ、2-3の状態でスマホで撮った画像をアップロードすると、保存までに1分ほど時間がかかってしまいました。（画像が1MG〜2mgほどあったため）
また、アップロード中に再度画像をアップロードしようとすると、エラーが発生します。

対策として、以下を実装しました。

3-1 画像アップロードが完了し、画像が表示されるまでローディングアニメーションを表示する
3-2 画像が表示されるまでは再度画像をアップロードできないようにする。

ただ、問題の画像アップロード→保存に時間がかかる件は解消できていません。
4G環境でも高速化する方法はないでしょうか？

以下、実装コードです。

index.php

HTML
1<form action="./" method="post" class="form">
2<input type="file" name="file"></label>
3<p class="fileImg"></p>  // <!-- ここにアップロード後に画像が表示されます。 -->
4</form>

upload.js

jQuery
1$(document).on('change', 'input[type="file"]', function(e) {
2  e.preventDefault();
3
4  // 画像を保存
5  // フォームデータを取得
6  var formdata = new FormData($('.form').get(0));
7
8  $'.fileImg').append('<span class="loader"></span>'); // ローディングを表示します。
9  $('inuput[type="file"]').addClass('is-disabled'); // is-disabledはクリックイベントを婿かするクラスです
10
11  // POSTでアップロード
12  $.ajax({
13    url  : "./upload.php",
14    type : "POST",
15    data : formdata,
16    cache       : false,
17    contentType : false,
18    processData : false,
19    dataType    : "html"
20  })
21  .done(function(data, textStatus, jqXHR){
22    $('.fileImg').empty().html('<img src="' + data + '">'); // アップロードが完了したら、ローディングを削除し、画像を表示します。
23    $('inuput[type="file"]').removeClass('is-disabled'); // inputを再度クリックできるようにする
24  })
25  .fail(function(jqXHR, textStatus, errorThrown){
26    alert('アップロードに失敗しました。もう一度お試しください。');
27    $('.fileImg').empty();
28    $('inuput[type="file"]').removeClass('is-disabled');
29  });
30});

upload.php

PHP
1<?php
2$command = '';
3//ファイルのMIMEタイプが許可されているかチェックする関数
4$cfg['ALLOW_MIME'] = array('image/jpeg', 'image/png');
5function checkMIME($filename){
6  global $cfg;
7  $mime = mime_content_type($filename);
8  return in_array($mime, $cfg['ALLOW_MIME']);
9}
10
11// 一時アップロード先ファイルパス
12$file_tmp  = $_FILES['file']["tmp_name"];
13$type = $_FILES['file']['type'] == 'image/jpeg' ? '.jpg' : '.png'; // 拡張子を調べます。
14
15if (checkMIME($file_tmp)) {
16  // 正式保存先ファイルパス
17  $file_save = $_SERVER['DOCUMENT_ROOT'] . '/img/img_1' . $type; // 画像名を変更して保存します。
18
19  // 再度アップロードされた場合、すでにアップロードされている同名ファイルを削除
20  foreach ($file_save as $key) {
21    unlink($key);
22  }
23
24  // ファイル移動
25  $result = @move_uploaded_file($file_tmp, $file_save);
26  chmod($file_save, 0666); // パーミッションを変更
27
28  $img_scr = str_replace($_SERVER['DOCUMENT_ROOT'], '', $file_save); // 表示用画像パスを返す
29
30  if ( $result === true ) {
31      echo $img_scr;
32  } else {
33      echo "UPLOAD NG";
34  }
35}

よろしくお願いします。

kyoya0819

2019/09/07 12:58 編集

> 4G環境でも高速化する方法はないでしょうか？ 4G環境で1分かかることはあるのでしょうか？ 3Gだったらわかりますが 4G環境の速度：72 ～ 125Mbps 3G環境の速度：64Kbps 出展 https://www.softbank.jp/support/faq/view/11065 https://www.softbank.jp/support/faq/view/10993

mksk

2019/09/07 13:12

ありがとうございます。「回線状態が良くない4G（3G）環境」というのが結構重要で、確かに通常の4G環境では問題ありませんでした。私が楽天モバイルの低速モードでテストした場合、MAX 1Mbs となっています。この状態ではやはりアップロードは上記のような現象になってしまいます。。回線状態が良くない4G（3G）環境 = 格安SIMの低速モードを含むという意味で使っていたのですが、表現がわかりずらく、誤解を与えてしまったかもしれません。失礼しました。