ביצועי האתר מתחילים בתוכן.

קבעו את כללי הנכסים מוקדם.

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

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

העניקו למובייל קומפוזיציה משלו.

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

מועמדים לתמונות רספונסיביות מאפשרים לדפדפן לבחור משאב מתאים לתצוגה. web.dev מסביר כיצד הדבר משפר את ההתאמה בין ממדי התמונה שנמסרו לבין המכשיר.

בחנו את הדף כרצף.

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

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

קריאה נוספת.

הפצת תמונות רספונסיבית

הפוך את התמצית ליישום.

פיתוח מוצר דיגיטלי · דברו על העבודה שהעסק שלך צריך לבצע.