למה הורדנו אלמנטור מאתר של יצרן נירוסטה

לקוח חדש בפורטפוליו, ספיר פתרונות נירוסטה (sapirgate.co.il), הגיע אלינו עם אתר וורדפרס שרץ על אלמנטור. המשימה: לפרק את זה ולבנות תבנית מותאמת אישית במקומו.

למה אלמנטור בעייתי מלכתחילה

אלמנטור הוא בילדר עמודים: הוא טוען את ה-CSS וה-JS של עצמו בכל עמוד, גם כשמשתמשים רק בחלק קטן מהיכולות שלו. ברוב האתרים זה מגיע יחד עם תוסף עזר נוסף כמו Essential Addons, שמכפיל את זה שוב.

ומה עם WP Rocket או CDN של Cloudflare?

תוספי קאשינג כמו WP Rocket מאיצים את זמן התגובה של השרת: הם שומרים גרסת HTML מוכנה מראש, במקום להריץ מחדש שאילתות ל-PHP ולבסיס הנתונים בכל בקשה. CDN כמו Cloudflare מקצר את המרחק הפיזי בין השרת לגולש. שני אלה אמיתיים ומועילים, אבל הם לא נוגעים בבעיה שאלמנטור יוצר.

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

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

מה עשינו במקום

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

למה זה חשוב דווקא ליצרן נירוסטה

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

התוצאה בפועל

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