וורדפרס הודיעה כי 6.3, המתוכנן לצאת באוגוסט 2023, יעזור לאתרים להשיג ציוני Core Web Vitals SEO טובים יותר, במיוחד בכל הנוגע ל- Largest Contentful Paint (LCP).

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

וורדפרס 6.3 התכונות המרכזיות

התמקדות בחוויית משתמש יכולה לעזור לגבי משך הזמן שבו:

משתמש שוהה באתר
האם ימליץ על האתר
הכי חשוב, האם יחזור אליו שוב ושוב.

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

רכיב תוכן ויזואלי הכי גדול – Largest Contentful Paint (LCP)

Largest Contentful Paint (LCP) הוא מדד שמודד כמה זמן לוקח לעיבוד התמונה או גוש הטקסט הגדולים ביותר. הנחת היסוד של המדד הזה היא לחשוף את התפיסה של המשתמש לגבי כמה זמן לוקח לטעון דף אינטרנט.

מה שנמדד הוא מה שמבקר האתר רואה בדפדפן שלו, הנקרא נקודת התצוגה.

תוכן מומלץ נוסף:

האופטימיזציות שהושגו על ידי וורדפרס ב-6.3 משיגות מאמץ רב שנים להשתמש במדויק בתכונות HTML על אלמנטים ספציפיים כדי להשיג את הביצועים הטובים ביותר של Core Web Vitals.

אחזור תכונת HTML עדיפות

Fetch Priority, שנכתב ב-HTML בתור fetchpriority, היא תכונת HTML של רכיבי דף אינטרנט (משאבים) כגון תמונות, CSS ו-JavaScript.

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

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

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

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

בהודעה הרשמית של וורדפרס צוין
'WordPress מוסיפה כעת אוטומטית את תכונת ה-fetchpriority עם ערך של 'high' לתמונה שהיא קובעת ככל הנראה שתהיה 'תמונת ה-LCP', כלומר התמונה שהיא רכיב התוכן הגדול ביותר ב-viewport.

התכונה אומרת לדפדפן לתעדף תמונה זו, עוד לפני שהוא חישב את הפריסה, מה שבדרך כלל משפר את ה-LCP ב-5-10%'.

אחד הדברים המגניבים ש-WordPress עושה עם ה-fetchpriority הוא שהיא חלה רק על תמונות בסף גודל מינימלי.

המשמעות היא שתכונת ה-fetchpriority לא תוחל על משאבים קטנים כמו לחצן ניווט.

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

יישום מושלם של טעינה עצלה

אומרים שהדברים הראשונים שמבקר באתר רואה בדפדפן שלו כשהוא מבקר באתר נמצא בנקודת התצוגה.

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

אלמנטים שנמצאים מתחת לנקודת התצוגה הראשונה אין צורך להוריד מיד.

טעינה עצלה היא דרך לומר לדפדפן אילו תמונות ואייפריים (Iframe) אינם קריטיים לטעינת מסך התצוגה הראשון.

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

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

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

וורדפרס 6.3 פותר את הבעיה על ידי היכולת לזהות אילו תמונות הן קריטיות.

תכונת הטעינה העצלה לא תחול על תמונות קריטיות, מה שמאפשר להוריד את התמונות האלה מהר ככל האפשר.

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

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

וורדפרס צפתה
'…זה עשוי להשתפר עם תכונות אחרות הקשורות לביצועים בעתיד.'

שינויים עשויים להשפיע על תוספים של צד שלישי

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

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

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

WP 6.3 לא יעקוף אופטימיזציה מותאמת אישית קיימת

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

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

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

זה מאפשר כוונון עדין על ידי אי אכיפת התנהגות ברירת המחדל האוטומטית. אם עושים זאת, זכור לעולם לא להגדיר גם fetchpriority='high' וגם loading='עצלן' עבור אלמנט.

אם הפונקציה נתקלת בשני שילובי תכונה-ערך יחד, היא תפעיל אזהרה.'