How to make it so that the loader is displayed before the page is completely downloaded?

Question

css

How to make it so that the loader is displayed before the page is completely downloaded?
Like on the site: devacademy.ru

Answer 1

Yes. Show it first and hide it on DOMContentLoaded event

document.addEventListener("DOMContentLoaded", function(event) {
    // скрыть лоадер ))
  });