מאפשר לך לטעון תמונות עצלן עם וניל JS

כל אתר אינטרנט מודרני צריך להיות מהיר. למרות שיש טכניקות רבות ותוספים כדי להגדיל את מהירות הדף, עדיין, ייתכן שלא יודע איפה להתחיל.

התסריט המתפתח הוא משאב נהדר להגדלת מהירות הדף. זה עובד כמו תמונה נטולת טעינה עצלן כי טוען תמונות בהדרגה כמו המשתמש מגלגל את הדף.

זה פרוייקט קוד פתוח חינם, כך שאתה יכול להוריד את זה ולהפעיל אותו על כל אתר. וחוץ מזה פועל על 100% וניל JS אז יש תלות אפס שעשוי לשקול אותך.

אתה יכול להעיף מבט על הדגמה חיה על הבית Progressively.

זה קצת שונה מאשר אחרים סקריפטים לטעון עצלן כי זה שומר על גודל התמונה קבוע עבור כל הדף. זה מונע את קפיצת הדף כל כך מעצבן אתה רואה בכל פעם תמונות לטעון במהירות לתוך התצוגה ולהגדיל את גובה התוכן.

ואת מצייני התמונה בפועל נראה כמו התמונות שאתה טוען. מדהים!

זו טכניקה מסודרת נותן למבקרים הזדמנות תצוגה מקדימה של התמונות להיראות לפני שהם נטענים. כל זה מטופל באמצעות JavaScript אשר בודק את המיקום של המשתמש בדף וטוען מראש תמונות כפי שהם באים לידי ביטוי.

באופן מתקדם יש API נרחב למדי אז זה בחירה מצוינת עבור מפתחי אינטרנט. ההתקנה יכולה לקבל טכנית כך שזה עוזר אם אתה יודע את הדרך שלך סביב קידוד frontend בסיסי.

אבל אתה יכול ללמוד יותר על דף GitHub הראשי הכולל את התיעוד המלא API, הוראות ההתקנה קטעי קוד לדוגמה שאתה יכול להעתיק / להדביק את הפרויקטים שלך.

אם אתה צריך אמין תמונה בטעינה נטען התסריט ללא תלות מגעיל ואז לתת Progressively זריקה. זה לגמרי בחינם ומציע הרבה התאמה אישית עבור מפתחים.

גם לקחת להציץ ב Progressively GitHub כדי ללמוד יותר ו nab קוד המקור להורדה.