ایجاد لودینگ برای نوشته ها و تصاویر

سلام دوست من 🖐
امیدوارم حالت خوب و عالی باشی✨

مورد اول اینکه اگه هر مشکلی در ابتدا داشتی معادل ش رو به انگلیسی یا فارسی توی گوگل سرچ کنی قطعا به راه حل هایی مستقیم میرسی و نیاز نیست دیگه گفتگو ایجاد کنی اینطوری خودت سریعا به راه حل میرسی و توانایی سرچ کردنت و قدرت حل مسئله ت بالا میره

این مقاله برای ایجاد لودینگ روی وبسایت بهت کمک میکنه
https://wpengine.com/resources/add-preloader-animation-wordpress/

موضوعی که گفتی اسمش lazy loading هست و معمولا براای پیاده سازیش از افزونه های مطرح میتونی با یه سرچ استفاده کنی اما اگه بخای روی محتواهای متنی و ... هم این تکنیک اضافه بشه (صرفا برای قشنگی نیست برای بهینه سازی و سرعت استفاده میشه ) باید با یه متخصص مشورت کنی که چطوری میتونی این موضوع رو هندل کنی

و برای اطلاعات بیشتر هم میتونی این مورد ها رو مطالعه کنی
https://www.rtl-theme.com/blog/native-lazyload/
https://kinsta.com/blog/wordpress-lazy-load/
https://www.webpouya.com/blog/lazy-load

امیدوارم پاسخم بهت کمک کرده باشه ❤️
موفق و پیروز باشی 🤘🌹

سلام ارادت اگه بخای خودت پیاده سازیش کنی باید تا حدودی به جاوااسکریپت مسلط باشی برای اینکار ما از IntersectionObserver استفاده میکنیم IntersectionObserver میادموقعیت viewport رو نسبت به موقعیت عنصر میسنجه و در صورتی که عنصر در viewport کاربر قرار گرفت نمایشش میده

اگه میخای فقط تصاویر رو lazy کنی نیازی به آجاکس نیستش ولی اگه بخای محتوا متنی یا هر داده دیگه ایی رو lazy کنی باید از اجاکس استفاده کنی

سلام

<img src="example.com/image" alt="example image" width="100" height="100" loading="lazy">

ایجکس بزنه برای محتوا سئوی سایتش نابود میشه