بارگذاری محتوا به شیوه placeholder (معادل فارسی رو واقعا نمیدونم چی باید نوشت) رو اولین بار فکر میکنم وبسایت فیسبوک توی سایتش پیاده سازی کرد و بعد یواش یواش جای خودشو توی بقیه وبسایتها باز کرد و یک تکنیک محبوب و جایگزین مناسب برای لودینگهای کلاسیک چرخشی (spinner loading) شد.
توی همین وبسایت ویرگول هم از این تکنیک اگر دقت کرده باشید موقع اسکرول کردن مطالب صفحه اول استفاده میشه. مهمترین قضیه در این مورد یادگیری اسم این تکنیک بود و بقیه کارها با یک سرچ کوچیک در مورد پلاگینهای موجود قضیه رو به سرانجام میرسونه!
پلاگینهای جی کوئری و کدهای سی اس اس زیادی برای پیاده سازی تکنیک content PlaceHolder وجود داره که کافیه فقط دنبالش بگردید. این هم چند نمونه آموزش و افزونه جی کوئری:
https://cloudcannon.com/deconstructions/2014/11/15/facebook-content-placeholder-deconstruction.html
دموی فیسبوکی با سی اس اس:
https://codepen.io/nurulishlah/pen/beEGVE
پلاگین جی کوئری (دمو + دانلود):
https://www.jqueryscript.net/loading/Content-Placeholder-Plugin-jQuery-Skeleton-Loader.html