כיצד לשפר את ביצועי האתר שלך על ידי טעינת התמונות שלך לפי דרישה [וורדפרס]

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

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

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

Lazy Loader הוא תוסף jQuery המעכב את טעינת התמונות (ארוך) דפי אינטרנט. תמונות מחוץ viewport (חלק גלוי של דף אינטרנט) wont להיות נטען עד המשתמש מגלול אליהם. עבור אתרים המשתמשים הרבה תמונות, לטעון עצלן יכול להפוך את הדף נטען מהר יותר וגם לעזור להפחית את עומס השרת (ועלות).

כדי להימנע מלהיכנס לפרטים טכניים, תן לנו להסתכל על (הפשוטה) דרכים שאתה יכול לשלב את זה לתוך הבלוג שלך WordPress.

1. jQuery תמונה Lazy Loader

ללא ספק, plugin היא הדרך לפשט דברים ב- WordPress. jQuery Image Lazy Loader הוא אחד כזה תוסף המשלבים את עומס העומס תכונה לתוך האתר שלך.

אין צורך בהגדרה. כל שעליך לעשות הוא להתקין את הפלאגין ולהפעיל אותו.

לאחר ההפעלה, תסריט העומס העצלן יפעל בכל דפי האתר.

2. מטעין עצלן

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

לאחר שהורדתם, התקנתם והפעלתם, אתם יכולים לעבור לסעיף " הגדרות -> Lazy Loader " כדי להגדיר את התוסף.

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

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

סיכום

טעינה עצלה היא דרך טובה להפחית את רוחב הפס של האתר שלך, לשפר את זמן הטעינה של הדף ואת הביצועים הכוללים. אם אתה רק רוצה Plug and Plug פתרון, jQuery תמונה Lazy Loader הוא אחד ללכת. אם אתה רוצה לקבל יותר שליטה, אז תוסף Loader Lazy היא בחירה טובה יותר.

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

קרדיט תמונה: takamorry