השקעת הרבה כסף בחנות אונליין או באתר לעסק שלך. האתר בנוי על וורדפרס + ווקומרס + אלמנטור פרו, כמו אולי חצי מהאתרים בעולם. שילמת אקסטרה על הוסטינג טוב עם שרתים מהירים שמאוחסן בישראל, השקעת בתוספים כמו אלמנטור פרו, אולי תוסף SEO טוב, תוסף שמנהל זיכרון מטמון (Cache) ועוד כמה תוספים.
ועדיין, האתר עולה לאט, קשה לו להתברג במנועי החיפוש במקומות טובים, ובדיקת הביצועים הרשמית של גוגל מראה ציון צהוב במקרה הטוב, או אפילו אדום.
רוצה לדעת בדיוק איפה האתר שלך עומד היום? קח דוח בריאות דיגיטלי לאתר שלך: מהירות אמיתית, דירוג אמיתי בגוגל ישראל, ונראות ב-AI, עם תוכנית מדורגת מה משתלם לתקן קודם. לדוח הבריאות ←
יכול להיות ששכרת פרילנסר שיעשה SEO לאתר, והמצב קצת השתפר, אבל אתה יודע שאפשר להשיג הרבה יותר מהאתר שלך.
מיקום טוב בגוגל מגיע משילוב של 3 דברים
- תוכן טוב ורלוונטי - ללקוח, מה שהוא רוצה, צריך ומחפש, מה שמשאיר אותו באתר.
- המלצות מאתרים חיצוניים - קישורים מאתרים אחרים שממליצים על האתר שלך.
- אתר עם ביצועים טובים - בעיקר כשמגיעים מטלפון נייד. פה הרוב נופלים, ועל זה המיקוד במאמר הזה.
את שלושת הדברים אפשר לסכם בשתי מילים: חוויית לקוח
למה כל כך קשה להשיג אתר עם ביצועים טובים? ראית פעם אתר עם ציון 100 בהכל? הנה בדיקה אמיתית של עמוד הבית שלנו:
עד סוף המאמר תבין למה קשה להגיע לזה עם וורדפרס, וגם מה אפשר לעשות.
וורדפרס + ווקומרס + אלמנטור, מה קורה מאחורי הקלעים?
כשמבקשים לראות דף מוורדפרס, יש 4 שלבים שחוזרים על עצמם בכל קליק שמוביל לדף חדש:
- בקשה: הדפדפן של המשתמש מבקש כתובת מסוימת באתר שלך.
- עיבוד: שרת הוורדפרס מריץ קוד PHP, פונה לבסיס הנתונים (MySQL), שולף את התוכן וההגדרות, ומטעין את התוספים.
- בנייה: השרת מרכיב בזמן אמת קובץ HTML מלא. רק עכשיו הוא מוכן לתת שירות.
- תשובה: השרת שולח את ה-HTML המוכן בחזרה לדפדפן של הלקוח שלך.
התהליך הזה לוקח זמן, ומצטבר:
- ככל שהשרת פחות איכותי, העיבוד לוקח יותר זמן.
- אם השרת לא בישראל, התעבורה על קווים בינלאומיים איטית יותר.
- ככל שיש יותר תוספים, כך יש יותר סקריפטים לטעון ולהריץ.
וכדי להמחיש כמה עבודה השרת עושה לפני שהוא מחזיר תשובה אחת, הנה הצצה ל”מסמך הפנימי” שלו לדף מוצר בודד:
מה הפתרון?
כאן זה מתחלק לשניים: פתרון לאתר תדמית (כל אתר שאין בו סל קניות וסליקה), ופתרון אחר לחנות אונליין.
לפני שנצלול, בואו נכיר בכמה מילים את הטכנולוגיה הכי חדשה לאתרים עם ביצועי-על.
הטכנולוגיה הזו נקראת אסטרו (Astro)
Astro היא פלטפורמה מודרנית לבניית אתרי אינטרנט מהירים במיוחד. במקום לטעון הרבה קוד מיותר לדפדפן, Astro שולחת למבקר רק את מה שצריך. התוצאה: אתר שעולה מהר יותר, מקבל ציונים טובים יותר בגוגל, ומעניק חוויית שימוש טובה יותר.
דוגמה מחיי היום-יום: תארו לעצמכם שאתם מזמינים מנה במסעדה. אתר וורדפרס רגיל מביא לכם את כל המטבח, הכלים והטבחים בכל פעם מחדש, גם אם רציתם מנה אחת. Astro מביאה רק את המנה שהזמנתם, ולכן היא מגיעה מהר יותר.
וכשמבקשים דף מאתר סטטי שנבנה באסטרו, יש רק 2 שלבים במקום 4:
- בקשה: הדפדפן מבקש כתובת מסוימת.
- תשובה ישירה: השרת או רשת ה-CDN שולחים מיד את קובץ ה-HTML המוכן מהמטמון, בלי להריץ קוד ובלי לפנות לבסיס נתונים.
עוד סיבה שאסטרו מהיר: התמונות
וורדפרס מגיש את קבצי המדיה כמו שהעלית אותם. תמונת PNG איכותית ששוקלת 4.8MB תרד ללקוח כמו שהיא, אלא אם התקנת תוסף שמטפל בזה, ואז באופן אירוני התוסף עצמו מוסיף עומס. אסטרו, לעומת זאת, ממיר וממטב כל תמונה אוטומטית בזמן הבנייה.
כמה משקל של תמונה אחת יכול להשפיע? נניח תמונת נוף 1920×1080:
| פורמט | משקל טיפוסי |
|---|---|
| PNG | ~4.8 MB |
| JPG (90%) | ~950 KB |
| JPG (80%) | ~420 KB |
| WebP | ~220 KB |
| AVIF | ~140 KB |
ההפרש יכול להיות פי 20 עד פי 35 רק מהפורמט, ואם גם מקטינים את התמונה למסך של הנייד (שם ממילא אי אפשר לראות אותה בגודל מקורי), אפשר להגיע עד פי 100.
כתבנו על זה מאמר שלם על אופטימיזציית תמונות ←פתרון לאתר תדמית
מה עושים: בונים את האתר מחדש בקוד, על Astro, פיקסל-לפיקסל. אותו עיצוב, אותו תוכן, אותן כתובות, רק בלי שכבת וורדפרס. התוכן הופך לקבצים סטטיים מוכנים מראש שמוגשים מרשת CDN עולמית. אם צריך בלוג, אנחנו מנהלים אותו עבורכם: שולחים לנו את התוכן ואנחנו מפרסמים, ובמנוי החודשי כלולה שעת עבודה לשינויים קלים.
היתרונות:
- מהירות: יעד 100 בכל הפרמטרים, גם בנייד.
- אבטחה: אין וורדפרס ואין תוספים לפרוץ. שקט נפשי.
- אפס תחזוקת תוספים ועדכונים ששוברים את האתר.
- חיסכון בהוצאות על מנוי לתוספים שכבר לא צריך.
- עלות אחזקה נמוכה, ו-SEO ו-GEO מובנים מהיסוד.
- המשכיות: שומרים על הכתובות והדירוג שכבר יש.
מתי זה פחות מתאים (בכנות):
- אם אתה חייב לערוך בעצמך כל יום דרך ממשק גרירה-ושחרור כמו אלמנטור. שינויים מבניים גדולים עוברים דרכנו, וזה גם היתרון: האתר לא נשבר. לרוב אתרי התדמית זה לא חיסרון, כי התוכן משתנה לעיתים רחוקות.
- אם האתר הוא בעצם אפליקציית ווב מורכבת עם המון לוגיקה דינמית, זה כבר פרויקט אחר.
פתרון לחנות עם סל מוצרים וסליקה
יש סיבה שווקומרס ושופיפיי הן שתי הפלטפורמות הפופולריות בעולם לחנויות: הן עובדות טוב ומוכיחות את עצמן במשך שנים על חנויות של עשרות, מאות ואלפי מוצרים. ווקומרס גם מגיע בחינם, כל עוד לא קונים המון תוספים. ולא פחות חשוב, ממשק הניהול (הבק אופיס) שלהן נוח, קל יחסית ללמידה, והרבה בעלי עסקים כבר מכירים אותו שנים.
בקיצור, כל מה שנקרא בשפת אנשי המחשבים צד שרת (Back end) עובד טוב. הבעיה, כמו שהבנו, היא בצד לקוח (Front end) שעובד לאט.
והפתרון פשוט: להפריד ביניהם. זה מה שנקרא Headless WooCommerce.
הצד של ניהול החנות, המלאי, הסל והסליקה, נשאר כמו שהוא בווקומרס. בונים מחדש רק את הקוד של מה שהלקוח רואה. מוסיפים בצד וורדפרס Webhook שמעדכן את אסטרו בכל פעם שמוצר עולה, יורד או מתעדכן, כך שכל הדפים תמיד מעודכנים ומוכנים להגשה.
עוד לפני שמתחילים, מודדים. אנחנו בודקים את החנות הקיימת ואומרים בכנות אם הפיצול משתלם לה. הבק אופיס לא משתנה בכלל. אפשר לפצל גם חנות שנבנתה באלמנטור.
היתרונות:
- הלקוח מקבל דפים מוכנים מראש מרשת CDN מהירה, אז החנות עפה.
- פחות עומס על השרת שלך: הוא לא מייצר דפים בכל בקשה, רק נותן שירות לסל ולתשלום.
- הבק אופיס נשאר מוכר, אין מערכת חדשה ללמוד.
- עמידות בעומסים: שלחת ניוזלטר ונכנסה תנועה? היא נופלת על רשת הקצה, לא על השרת שלך, וממשק הניהול ממשיך לעבוד.
- גם מנועי AI קוראים את החנות טוב יותר. בחנות שמדדנו, ציון ה-Agentic Browsing של גוגל השתפר אחרי הפיצול.
- חיסכון בהוצאות על מנוי לתוספי צד-לקוח שכבר לא צריך (בונה עמודים, מטמון, אופטימיזציית תמונות).
החסרונות (בכנות):
- שתי מערכות לתחזק, אז זה יקר ומורכב יותר מאתר תדמית פשוט.
- לא משתלם לחנות קטנה מאוד או כזו שבקושי מוכרת. לפעמים עדיף להשאיר אותה כמו שהיא.
- תוספים מסוימים שמזריקים ממשק לצד הלקוח (פופאפים, וידג’טים) דורשים מימוש מחדש.
אז מה עושים עכשיו?
אם האתר או החנות שלך איטיים, או שאתה בונה חדש ורוצה שיהיה מהיר מהיסוד, זה בדיוק מה שאנחנו עושים.