Загрузка частичного представления с помощью запроса Ajax

Question

Моя домашняя страница размером около 25K, но у меня есть несколько изображений PNG, которые после полной загрузки достигают примерно 2 MEG. Я имею в виду первоначальную загрузку страницы без каких-либо изображений (или без баннера, который содержит все PNG и некоторый HTML), а затем, когда страница загружается, используйте запрос jQuery / Ajax для загрузки в частичном представлении (которое содержит изображения и немного больше HTML). Мой вопрос заключается в том, запускается ли полная функция запроса ajax только после того, как все изображения действительно загружены? И это хорошая идея?

Answer 1

EDIT: Я прошу прощения за изначально недопонимание вопроса. Ваш браузер сначала загрузит весь неграфический контент в DOM, а затем приступит к загрузке всех изображений. Вы увидите контент прежде, чем увидите изображения.

Однако, как примечание, я предлагаю вам сделать что-то с этими 2 МБ изображениями, для загрузки которых потребуется некоторое время, особенно при коммутируемых соединениях.

Надеюсь, это поможет.

Answer 2

Использование хорошо известного документа jQuery ready;

<script type="text/javascript">
    $(document).ready(function() {
        //JS Script
    });
</script>

Выполняет Javascript, когда страница ГОТОВА.IE, когда страница готова к манипулированию, но изображения не обязательно загружены.По моему мнению, не было бы никакого смысла удаленно запрашивать изображения на более позднем этапе, потому что это просто увеличивает нагрузку на сервер и, если что-то увеличивает общее время загрузки страницы.Будьте уверены, что ваш JavaScript будет выполнен, даже если изображения не загружены.