Sayfa Tam Yüklenmeden Açılmasın (Yardım)

Merhaba arkadaşlar, aşağıdaki örnekte görebileceğiniz gibi sitemin sayfalarının tam yüklenmeden açılmaması için ne yapmam gerekiyor acaba? Sayfa yüklenirken aşağıdaki örnek sitedeki gibi bir animasyon görünsün istiyorum. Konu hakkında yardımcı olur musunuz rica etsem?

Örnek site: https://moddworks.com

Preloading deniyor hocam. Örnek;
https://ihatetomatoes.net/create-cus...oading-screen/

Düzenleme;
Bu da çok iyiymiş: https://ihatetomatoes.net/a-simple-o...oading-screen/

Loader ekleyerek sorunu ortadan kaldırabilirsin

Evet alttakini ben de çok beğendim ancak fazla kod bilgim yok açıkçası biraz karışık gibi geldi hocam çok basit anlatılmış olsa da

Nasıl yapacağım hakkında detay verir misiniz hocam?

Web siten wordpress sanırım. Eklentiler kısmından " Yeni Ekle ", daha sonra Preloader aratarak eklentiyi kur ve etkinleştir. Yardımcı olacaktır.

Maalesef Wordpress değil hocam. Eticaret sitesi. Bu linktekini de çok beğendim ancak nasıl yapılacağını çözemedim. Html kısmı sayfanın html kod bölümüne direkt eklenip css kısmı da css dosyasına mı ekleniyor yoksa eklenip çıkarılacak bölümler de var mı kodda?

https://codepen.io/Izumenko/pen/MpWyXK

Hocam başka böyle güzel anlatımlı kaynak mevcut mudur ?

Dork olarak preloading screen yazdığımda genellikle ücretliler çıkıyor

Bu linkteki loaderın kurulumunu anlatabilecek kimse yok mu arkadaşlar?

https://codepen.io/Izumenko/pen/MpWyXK

bunda js yok dostum muhtemelen ekstra seyler eklemen gerek kod bilgin yoksa ugrasma derim