Как загрузить страницу с помощью gravatar и jquery?

Похоже, ваш скрипт загрузки граватара выполняется до вызова jQuery, изменяющего внешний вид. Есть ли способ вручную вызвать загрузку граватара? Если это так, вы можете использовать jQuery document.ready, чтобы сначала вызвать ваши косметические изменения, а затем вызвать загрузку граватара. Таким образом, вы не будете ждать, пока закончатся граватары, прежде чем начнутся «более важные» изменения пользовательского интерфейса.

Я полагаю, вы загружаете граватары, используя URL-адреса, а не ajax и т. д. document.ready () будет выполняться при загрузке DOM, не обязательно при загрузке всех изображений (gravatar). В вашем случае вы можете попробовать использовать событие window.onload.

Вот рабочая демонстрация JsFiddle, как получить профиль граватара пользователя с помощью JSONP-вызова API.

   $("form").on("submit", function(e) {
        e.preventDefault();

        $.ajax("http://en.gravatar.com/" + md5($("#email").val()) + ".json", { dataType: "jsonp" })
        .done(function(result) { 
            for(var idx in result.entry)
            {
                var profile = result.entry[idx];
                console.info(profile);
                $("#displayName").text(profile.displayName);
                $("#avatar").attr("src", profile.thumbnailUrl);
            }
        }).fail(function(result) { console.info("fail", arguments); });


    });