Быстрый способ (или альтернативный путь) для динамической загрузки 40000 ссылок на карту изображения?

Я возвращаю GD-изображение, которое генерируется из пользовательской информации в базе данных, теперь на странице, где это изображение просматривается. У меня есть следующая карта области для изображения, сгенерированного таким же типом запроса, чтобы создать ссылку на этот профиль пользователя. Тем не менее, в базе данных есть возможно 40000 пользователей … во всяком случае, у меня работает IS, но, как вы можете себе представить, для ее загрузки требуется много времени.

<map id="pixel" name="pixel"> <? $map_x_1 = 0; $map_y_1 = 0; $map_x_2 = 5; $map_y_2 = 5; $block_num = 1; while ($map_y_2 <= 1000) { while ($map_x_2 <= 1000) { $actual_x_cood = $map_x_1+1; $actual_y_cood = $map_y_1+1; $grid_search = mysql_query("SELECT * FROM project WHERE project_x_cood = '$actual_x_cood' AND project_y_cood = '$actual_y_cood'") or die(mysql_error()); $block_exists = mysql_num_rows($grid_search); if ($block_exists == 1) { echo("<area shape=\"rect\" coords=\"$map_x_1, $map_y_1, $map_x_2, $map_y_2\" href=\"/block/$block_num/\" alt=\"\" title=\"$block_num\" />\n"); } else { echo("<area shape=\"rect\" coords=\"$map_x_1, $map_y_1, $map_x_2, $map_y_2\" href=\"/block/$block_num/\" alt=\"\" title=\"$block_num\" />\n"); } $map_x_1 = $map_x_1 + 5; $map_x_2 = $map_x_2 + 5; $block_num = $block_num+1; } $map_y_1 = $map_y_1 + 5; $map_y_2 = $map_y_2 + 5; $map_x_1 = 0; $map_x_2 = 5; } ?> </map> 

Я думал о том, чтобы просто наброситься на экран загрузки jQuery поверх вершины в div, а затем скрыть его, как только страница полностью загрузится, чтобы она выглядела лучше. Но я не очень доволен идеей этого, так как я просто хотел бы загрузить его быстрее.

Итак, есть ли более быстрый способ сделать это, возможно, PHP? JS? Благодаря!