מיטוב תמונות עבור אתרי פרסום קלאסיים של SharePoint

מהירות הטעינה של דף אינטרנט תלויה בגודל המשולב של כל הרכיבים הדרושים לעיבוד הדף, כולל תמונות, HTML, JavaScript ו- CSS. תמונות הן דרך נהדרת להפוך את האתר שלך למושך יותר, אך גודלן יכול להשפיע על הביצועים. על-ידי מיטוב התמונות שלך באמצעות דחיסה ו לשינוי גודל, והשימוש בפריטי Sprite, באפשרותך לבטל את ההשפעות של תמונות גדולות. באמצעות עיבודי תמונות של SharePoint, באפשרותך להעלות תמונה גדולה אחת ולהציג מקטעים של התמונה המאפשרים שימוש חוזר בה במקום טעינה מחדש.

הערה

נושא זה חל על אתרי פרסום קלאסיים של SharePoint, ולא על אתרי פורטל מודרניים. לקבלת מידע אודות מיטוב תמונות באתרי פורטל מודרניים של SharePoint, ראה מיטוב תמונות בדפים של פורטל מודרני של SharePoint.

שימוש בפרייסות Sprite כדי לזרז את טעינת התמונות

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

מה כלול כאן:

• דחיסת תמונה
• מיטוב תמונות
• עיבודי תמונות של SharePoint

הדבר יכול לשפר את הביצועים מכיוון שאתה מוריד תמונה אחת בלבד במקום מספר תמונות ולאחר מכן מטמון ולהשתמש מחדש בתמונה זו. גם אם התמונה לא תישאר מאוחסנת במטמון, על-ידי שימוש בתמונה אחת במקום בתמונות מרובות, שיטה זו מקטינה את המספר הכולל של בקשות HTTP לשרת, דבר אשר יצמצם את זמן טעינת הדפים. זוהי באמת צורה של איגוד תמונות. זוהי שיטה שימושית אם התמונות אינן משתנות לעתים קרובות, לדוגמה, סמלים, כפי שמוצג בדוגמה של SharePoint המסופקת לעיל. תוכל לראות כיצד להשתמש ב- Web Essentials, פרוייקט של ספק חיצוני, קוד פתוח, המבוסס על קהילה כדי להשיג זאת בקלות ב- Microsoft Visual Studio. לקבלת מידע נוסף, ראה מזעור ואיגוד ב- SharePoint.

שימוש בדחיסה ובמיטוב של תמונות כדי לזרז את טעינת הדפים

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

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

האזרת הורדות הדף באמצעות עיבודי תמונות של SharePoint

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

הערה

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

שינוי הגודל של עיבוד התמונה פועל על-ידי נקיטת הממד הקטן ביותר שאתה מגדיר, רוחב או גובה, ולאחר מכן שינוי גודל התמונה כך שגודל הממד האחר ישתנה באופן אוטומטי בהתבסס על יחס הגובה-רוחב הנעול. כברירת מחדל, היא תחתוך את התמונה מהמרכז לפי הממדים הנותרים. לדוגמה, אם תגדיר עיבוד ברוחב 100 פיקסלים ובגובה 50 פיקסלים, והתמונה המקורית שלך ברוחב 1000 פיקסלים ובגובה 800 פיקסלים, הגודל שלה ישתנה כך שממד 800 פיקסלים יהיה כעת 50 פיקסלים והממדים של 1000 פיקסלים (מעתה 62.5px) ייחתך ממרכז התמונה.

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

הוספת עיבוד תמונה כדי לזרז את טעינת הדפים

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

2. בדפדפן אינטרנט, עבור אל האתר ברמה העליונה של אוסף האתרים לפרסום.

3. בחר את סמל הגדרות.

4. בדף הגדרות האתר , במקטע מראה ותחושה , תראה את עיבודי התמונות המוכללים.

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

   

5. בדף עיבודי תמונות , בחר הוסף פריט חדש.

   

6. בדף עיבוד תמונה חדשה , בתיבה שם , הזן שם עבור העיבוד.

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

   

חיתוך מותאם אישית עם עיבודי תמונה

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