WordPress Preloader ek Animation hai, Jo background me page load hone ke process ko indicate krta hai. Preloader users ko website ke page loading ke waqt attract krta hai. Ye user experience aur bounce rate reduce krne me bhi help krta hai. To aaiye step by step dekhte hain ki WordPress Preloader Animation Add Kaise Karenge ?
What is a Preloader and When You Should Use it ?
Preloader ek animation ya status message hai jo background me page doling process ko indicate karta hai, Normally jab aap kisi website pe visit krte hain, To apka browser content ke different parts ko download krna start kar det ahi. Website ke kuchh parts fast load hote hain (i.e. text, HTML code, CSS) Jabki others slow load hote hain (i.e images and videos).
Agr apka zyada content text hai aur bhut kam images aur videos hai, Tab apko apne website ke liye preloader ko Add krne ki zyada zarurat nhi hai. Aise condition me aap apne Website Speed Up pe focus kar ke page loads ko fast kar sakte hain. Uske liye aap hmare guide WordPress Website Speed Up Kaise karen ki help le sakte hain.
Lekin agr apki website pe zyada content images, photographs, aur video embeds hai, To fir apke users ko actually sare content ko dekhne ke liye thoda wait krna hota. Aur ye sare content ko load hote waqt, Apki website slow feel ho sakti hai. Jab zyada time lgta hai to users website se jane ka bhi soch lete hain, to isi gap ko fill krne keliye Preloader Animation Add kiya jata hai, Taki users page load hote waqt bhi website se connected feel kar saken.
WordPress me blog post likhte time Preview button pe click kar ke aap preloader ka live example dekh sakte hain. WordPress apke blog post ka live preview ek new window me open krta hai, aur isse pahle ki pura content dikhe pahle hume displayed loader show krta hai. To chaliye ab dekhte hain ki WordPress Preloader Animation Add Kaise Karenge.
WordPress Preloader Animation Add (WP Smart Preloader)
Ye method isliye recommended kiya hai kiyunki ye bhut easy hai aur iske liye WordPress theme me kisi bhi trah ki implement krne ki requirement nhi hai. Sabse pahle apko jo kaam karne ki zarurat hai vo hai WP Smart Preloader plugin ko install aur activate krna. Kisi bhi plugin ko humlog install aur activate kaise karte hain iske bare me zyada detail me janne ke liye aap hmare step by step guide WordPress Plugin Install Kaise Kare ki help le sakte hain.
Media Dedupper plugin ko install aur activate krne ke baad apko ana hai Settings » WP Smart Preloader page pe plugin settings ko configure karne ke liye.
Sabse pahle apko preloader style ya page load animation choose krne ki zarurat hai, Is plugin me apko six in – built animations choose krne ko mil jyenge. Aap custom preloader banne ke liye apna khud ka custom HTML aur CSS bhi upload kar sakte hain.
Uske baad aap “Show only on Home Page” option pe tick kar ke sirf home page ke liye appear kar sakte hain.
Next, Apko scroll down kar ke ‘Duration to show Loader’ section pe aaiye. Apko preloader ke liye duration specify krne ki zarurat hai. Default option me apko 1500 milliseconds hain jo most sites ke liye kaam karne chahiye. Lekin agr aap ise change karna chaho to kar sakte ho.
Aap yahan pe time loader ko completely fade out bhi kar sakte hain. Uske liye default option hai 2500 seconds aur 2.5 seconds. Jab sare setting change kar len to ‘Save changes’ button pe click kar ke changes ko save kar len. Jo bhi changes apne yahan pe ki hai ab use dekhne ke liye aap apne website pe visit kar sakte hai.
Note : Ye ho sakta hai ki apne jo chnges ki hai vo apko na diye kiyunki, Browser cache web page ka old version dekhne ke liye lead karta hai, aur website ke intention se kaam nahi karta hai. Agar aap ne apne website par kuch changes kiye hain to ho sakta hai ki aap unhe live site par nhi dekh pa rahe hon. Ye tab hota hai jab aapko uss page ko dusre word me reload karne ki zarurat hoti hai jo apke browser cache ko clear karta hai. To is setuation se niklne ke liye apko apna Browser Cache Clear krna hoga, Uske liye aap hmare guide Sare Browsers Me Apna Browser Cache Clear Kaise Kare (Fast Way) ki help le sakte hain.
Ummid hai aapko ye article ( WordPress Preloader Animation Add ) informative laga hoga. Agar aapka koi swaaal hai to aap humse comment section me pooch sakte hain. Apke liye ye ( WordPress in Hindi ) course design kiya gya hai, Is Website pe apko WordPress Complete Course Hindi me mil jyega, Agr aap WordPress se related videos dekhna chahte hain to aap hmare WP Seekho YouTube Channel par bhi visit kar sakte hain.
Read Also :
- WordPress Click-to-Call Button Add Kaise Kare (Step by Step)
- WordPress Media Library Clean Kaise Kare ?
- Ultimate Guide: SEO-Friendly URL Structure Kaise Create Kare
- Messenger Customer Chat Plugin Ko Website me Add Kaise Kare