JQUERY предотвращает мерцание страницы - лучший подход

Question

Я поместил приведенный ниже код на главной странице, чтобы все страницы не мерцали при навигации.Однако страница перезагружается дважды.Я попытался удалить первую строку и оставить вторую строку, но страница все еще мерцает, а затем удалить вторую строку и оставить строку страницы, но в результате страница остается пустой.Как лучше всего избегать мерцания страницы во время загрузки?

$(document).ready(function() {
    $("body").css("display", "none");
    $("body").fadeIn(1000);
});

Answer 1

один из лучших подходов ...

Рассматривали ли вы использование обратных ссылок ajax / async для разделов страницы вместо выполнения полных обратных передач?

Вы не можете (а-а-а-а) действительно предотвратить это "мерцание", иначе происходит то, что браузер начинает загрузку новой страницы (которая представляет собой чистый белый документ), а затем заполняет ее содержимым таким, как оно естьполучено.Это может дать эффект «мерцания», потому что вы переходите от page with my content до blank white page до page with my different content.Для особенно быстрой загрузки страниц это может быть совсем не заметно, но часто это так.

Вы можете выбрать другой подход, при котором ваши заголовок / меню / и т. Д. Остаются нетронутыми.Используя jQuery / ajax, вы можете скрыть существующий контент в разделе вашей страницы, загрузить новый контент с сервера и затем добавить этот новый контент. Будет ли это работать для вас?

Вот такой ajaxучебник для размышления.

Удачи