Как убрать миллисекунду пустой страницы перед загрузкой страницы

Question

На некоторых сайтах, которые я создаю, при переходе от страницы к странице, миллисекунда полностью белой пустой страницы перед загрузкой обычной страницы. Раньше я думал, что это связано с проблемами кэширования. Недавно я закодировал сайт (все еще в тестировании), на котором практически нет php, javascript или чего-либо другого. По сути, это просто прямой HTML и CSS, и очень редко написано. Существует также .htaccess, требующий кэширования всех js, css, img и т. Д. Сама страница загружается очень быстро.

Некоторые сайты, кажется, имеют белый мерцание или вспышку ничего между страницами. Другого сайта нет. Я никогда не мог понять, что это такое. Chrome и Firefox оба демонстрируют это поведение.

Answer 1

Я случайно получил вызов несуществующего js-файла в голове (остаток от шаблона).Миллисекунда белого пробела была тем, что сервер пытался получить файл, ищет его и не находит.(

Answer 2

Это может произойти, если браузеру нужно загрузить много данных (например, Javascript), прежде чем он сможет что-либо отобразить.

Переместите все сценарии в конец тела, чтобы браузер ненужно подождать, пока они загрузятся и выполнятся, перед рендерингом вашего контента.

Сократите все ваши CSS, чтобы их загрузка занимала меньше времени.

Answer 3

Как я вижу, "jquery-ui-min.js" - довольно большой (примерно 242 Кбайт) файл сценария, поэтому я переместил его в сценарий загрузчика.Если у вас есть другие «большие» скрипты, вы должны загрузить их позже.Но не забудьте также переместить те сценарии инициализатора, которые вызывают эти сценарии, чтобы избежать вызова «еще не существующей» функции!Конечно, первый скрипт - это самый последний jquery.js.

function load_scripts(){
    var s = document.createElement("script");
    s.type = "text/javascript";
    s.src = "scripts/jquery-ui-1.9.2.custom.min.js";
    $("head").append(s);
}