תאריך פרסום: 9 בדצמבר 2025
Monrif היא אחת מקבוצות ההוצאה לאור המובילות באיטליה, שמפעילה מותגי חדשות עם תנועה גבוהה כמו Il Resto del Carlino, Il Giorno, La Nazione ו-QN Quotidiano.net. מיליוני משתמשים ניגשים לעשרות מאמרים בכל סשן, ולכן חיוני למקסם את מהירות הניווט ואת זמן טעינת הדפים כדי לשמר את הקוראים ולעודד אותם להמשיך לקרוא.
בתחילת 2025, חברת Monrif השיקה יוזמה לשיפור הביצועים שהתמקדה בשיפור Largest Contentful Paint (LCP) באמצעות אימוץ אסטרטגיית טרום-עיבוד יעילה עם Speculation Rules API. באמצעות זיהוי של דפי המאמרים שזוכים למספר הכניסות הגבוה ביותר והחלת טרום-עיבוד על הנתיבים האלה, חברת Monrif הצליחה להשיג שיפור של עד 17.9% ב-LCP – שיפור מדיד בביצועים ובחוויית המשתמש באתר החדשות. בנוסף, המהלך הזה הוביל לעלייה משמעותית ברמת המעורבות של המשתמשים, עם שיאים של 8.9% בחלק מהפלחים.
בעקבות ההצלחה של העיבוד מראש, הצוות הטמיע גם תמיכה במטמון לדף הקודם/הבא (bfcache). כך המבקרים החוזרים נהנו מזמני טעינה כמעט מיידיים כשחזרו לדפים שביקרו בהם בעבר, מה שתרם לחוויית גלישה חלקה ורספונסיבית.
איפה התחלנו
לפני ההשקה, נתונים מבדיקות פנימיות ומדוח חוויית המשתמש ב-Chrome (CrUX) הראו שלדפים רבים באתר Monrif – במיוחד תצוגות של מאמרים ודף הבית – היו ציוני LCP לא אופטימליים.
לפני שהתחלנו במאמצי האופטימיזציה לפני מרץ 2025, ערך ה-LCP באחוזון ה-75 לצפיות בדף הבית בכמה כותרים נע בין 2.333 שניות ל-2.419 שניות. למרות שהערך הזה נמצא בתוך סף ה'טוב' (2.5 שניות או פחות), עדיין יש מקום לשיפור הביצועים שנתפסים על ידי המשתמשים במהלך דפוסי ניווט בתדירות גבוהה.
איך שיפרנו את LCP
כדי לצמצם את זמן האחזור במהלך הניווטים, חברת Monrif הטמיעה טעינה מראש ספקולטיבית בכל הדומיינים למחשבים ולניידים באמצעות Speculation Rules API. השיטה נועדה לאזן בין ההשפעה על הביצועים לבין הבטיחות הטכנית, ולאפשר טרום-עיבוד רק כשאלמנטים של קישורים תואמים לסלקטורים ולתנאים ספציפיים.
{
"prerender": [
{
"where": {
"and": [
{
"not": {
"selector_matches": "[rel~=nofollow]"
}
},
{
"not": {
"selector_matches": ".no-prerender"
}
},
{
"selector_matches": "a"
}
]
},
"eagerness": "moderate"
}
]
}
רמת ההתלהבות הוגדרה ל-moderate לכל קישור (עם כמה החרגות). ההגדרה הזו מבצעת ניחוש כשמעבירים את העכבר מעל (במחשב) ועל סמך היוריסטיקה של אזור התצוגה (בנייד). הגישה הזו אפשרה לצוות לשלוט בהיקף העיבוד המקדים רק לקישורים שסביר להניח שיידרשו, וכך למזער את השימוש במשאבים.
התוצאות
כדי להעריך את ההשפעה של טרום-עיבוד, התמקדנו בניתוח של שלושה פרסומים מרכזיים של Monrif – Il Resto del Carlino, Il Giorno ו-La Nazione – באמצעות נתונים מ-GA4 ומדדי CrUX.
למרות שהטעינה מראש הופעלה גם במחשבים וגם בניידים, השכיחות הייתה גבוהה משמעותית במחשבים, כי "moderate" אפשרה לכל הקישורים להיות בהיקף כשהעכבר מרחף מעליהם. לדוגמה, באתר La Nazione, 13.9% מהצפיות באינטרנט (במחשב) הפעילו טרום-רינדור, לעומת 2.9% בלבד בנייד. כתוצאה מכך, שיפורים בביצועים היו בולטים ועקביים יותר בפלטפורמות למחשבים, שהפכו להיקף העיקרי של המחקר הזה.
בסוף מאי 2025, הביצועים של LCP השתפרו באופן משמעותי בכל שלושת הפרסומים, כפי שאפשר לראות בנתוני CrUX למחשב:
השיפורים האלה שיקפו באופן מדויק את השיאים בפעילות הטרום-רינדור. בטבלה הבאה מוצגות ההתרחשויות הכי גבוהות של טרום-עיבוד – גם לפי נפח וגם לפי אחוז העלייה מעל הממוצע – לכל אתר במחשב:
בכל הכותרים, ערכי ה-LCP הנמוכים ביותר נצפו בפרקי זמן עם חפיפה גדולה לפרקי הזמן של אירועי הטרום-עיבוד הגבוהים ביותר, במיוחד בין אמצע מאי לתחילת יוני 2025. הסנכרון הזה מצביע על קורלציה חזקה בין טרום-רנדור ספקולטיבי לבין שיפורים בביצועים בעולם האמיתי.
השפעת האינטראקציות הראשוניות
במקביל לשיפורים ב-LCP, חברת Monrif רשמה עלייה ניתנת למדידה במעורבות המשתמשים במהלך ההשקה של טרום הרינדור. בניתוח הנתונים מ-GA4 באתרים Il Resto del Carlino, Il Giorno ו-La Nazione, שיעור המעורבות השתפר באופן משמעותי בשבועות שבהם הרינדור המקדים היה פעיל במיוחד.
זה פירוט של הקורלציה בין עוצמת הטרום-רנדור, השיפור ב-LCP והעלייה ברמת המעורבות במחשב:
יש הרבה גורמים שמשפיעים על מידת ההתעניינות, אבל המתאם הזמני הקרוב מצביע על כך שביצועים טובים יותר שנתפסים על ידי המשתמשים בעקבות טרום-עיבוד מובילים לאינטראקציה עמוקה יותר וממושכת יותר של המשתמשים.
השפעה על הפרסום
המטרה העיקרית של Monrif הייתה לשפר את חוויית המשתמש והביצועים, אבל נראה שהיוזמה גם השפיעה לטובה על מדדי הפרסום.
בפרט, שיעורי הניראות בשוק הפתוח – מדד מרכזי לניראות המודעות ולאיכות מלאי שטחי הפרסום – הראו שיפור מתון אך עקבי במהלך ההשקה של טרום הרינדור. בשלושת הפרסומים המרכזיים, שיעור הנראות הממוצע השתפר ב-1.03%, מיד אחרי השבועות שבהם הייתה פעילות העיבוד המקדים הגבוהה ביותר. בדומה לניתוח הביצועים והמעורבות, הנתונים האלה מתמקדים בתנועה במחשבים שולחניים כדי להבטיח עקביות במערכי הנתונים.
השיפור הזה, גם אם הוא קטן במונחים מוחלטים, הוא משמעותי: גם שיפורים קלים בשיעור הצפייה יכולים לשפר את איכות מלאי שטחי הפרסום, להגדיל את שיעורי המילוי ולשפר את האמון של המפרסמים.
חשוב במיוחד לציין את הקשר בין השיפורים האלה לבין שיפור הביצועים. החברה הצליחה לקצר את זמן הטעינה של הדפים ולשפר את מהירות הניווט, וכך להגביר את מעורבות המשתמשים. כך גדל הסיכוי שהמודעות יישארו באזור התצוגה למשך זמן ארוך יותר, ושהמשתמשים יראו אותן.
שיפור הניווט המיידי באמצעות מטמון לדף הקודם/הבא
בנוסף לטכנולוגיית הטעינה מראש, חברת Monrif פעלה כדי להפעיל תמיכה במטמון לדף הקודם/הבא (bfcache) בדפדפן – מנגנון לשיפור הביצועים שמאפשר שחזור מיידי של דפים כשמשתמשים מנווטים באמצעות הלחצנים 'הקודם' או 'הבא' בדפדפן.
כדי להבטיח תאימות למטמון bfcache, המפתחים טיפלו בכמה חסימות נפוצות:
- הסרנו את פונקציות event listener של
unloadכי הן לא אמינות ויוצאו משימוש בקרוב. - הטמענו כותרת
Permissions-Policyמחמירה כדי למנוע הצגה מחדש של פונקציות event listener מסוגunload(במיוחד על ידי צדדים שלישיים). - הטמענו מאזינים לאירועים
pagehideכדי לסגור חיבורים בצורה בטוחה (לדוגמה, IndexedDB, WebSocket). - הימנענו משימוש ב-
Cache-Control: no-storeאלא אם היה בכך צורך, כי הוא עלול לחסום את מטמון הדפדפן במקרים רבים.
לצוות עדיין לא היו מספיק נתונים כדי לבודד את ההשפעה של bfcache באותה רמת דיוק סטטיסטית שבה נעשה שימוש בטעינה מראש, אבל בדיקות מוקדמות ומעקב ב-Chrome DevTools אישרו שטעינות תואמות שוחזרו באופן מלא מהזיכרון – מה שאיפשר זמני טעינה של פחות משנייה כשחוזרים למאמרים שנצפו בעבר.
סיכום
בעקבות השילוב של טרום-טעינה ספקולטיבית, חברת Monrif שיפרה באופן משמעותי את ה-LCP באתרי החדשות שלה – והשיגה הפחתה של עד 17.9% בזמן הטעינה. השיפורים האלה לא רק שיפרו את הביצועים, אלא גם הובילו לשיפורים מדידים במעורבות המשתמשים במשחקים המרכזיים של החברה.
בנוסף, המקרה הזה מצביע על כך שאופטימיזציות של הביצועים שמתמקדות במשתמשים יכולות להניב יתרונות במונטיזציה בהמשך, על ידי שיפור התנאים שמשפיעים על האופן והזמן שבהם המודעות מוצגות.
במקרה לדוגמה הזה אנחנו מראים איך אופטימיזציות מודרניות של הניווט, כמו טרום-עיבוד, יכולות לשפר את המדדים הבסיסיים של חוויית המשתמש (Core Web Vitals) בקנה מידה גדול – גם בפלטפורמות עשירות בתוכן – ולהוביל לשיפורים מדידים בחוויית המשתמש ובתוצאות העסקיות.