כיצד לבנות אתרים רב-לשוניים מהירים שעוברים את מדדי Core Web Vitals של Google

ככל הנראה כבר שמעת את הדיבורים סביב Core Web Vitals וההשפעה הקרבה שלהם על קידום אתרים (וקידום אתרים רב-לשוני). ייתכן שקראת כמה מאמרים שמפרטים מה עליך לעשות כדי לבצע אופטימיזציה למהירות האתר שלך. בהדרכה זו, במקום להסביר, אנו הולכים להראות. צפה ב־Dario יוצר אתר WooCommerce מותאם אישית ורב-לשוני מאפס ומגיע לציון נהדר ב־Google PageSpeed Insights.

אנו כבר יודעים שהזמן שלוקח לטעון עמודים (Largest Contentful Paint) חשוב לשימור מבקרים ולהמרות. תחת המטרייה של Core Web Vitals, Google כוללת שני מדדי ביצועים נוספים – "layout shift" ו־"time to interactive". יחד, שלושת המדדים הללו מהווים אינדיקציה מצוינת עד כמה העמודים מרגישים "נעימים", במיוחד במכשירים ניידים. Google המציאה את המדדים הללו לא כדי להקשות על מפתחים, אלא כדי לשפר את חוויית המשתמש. אחרי ככלות הכול, Google היא עסק והיא רוצה להרוויח כסף. כדי ש־Google תרוויח כסף, אנשים צריכים לאהוב את התוצאות שהם מקבלים מהחיפוש שלה. מעבר לתוכן רלוונטי, Google רוצה שהמבקרים ייהנו גם מ"חוויית הגלישה".

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

רשימת הבדיקה שלנו כוללת:

• אחסון טוב
• הימנעות מדברים מיותרים
• מטמון עמודים
• CDN

זה הכל.

יצרנו אתר WordPress ריק, בחרנו ערכת עיצוב קלה, והפעלנו מטמון ו־CDN. מיקמנו אותו באחסון מהיר (שעולה לנו 10 $/חודש) ומדדנו את התוצאות. קיבלנו כמעט 100 ב־CWV. לאחר מכן, הוספנו בזהירות רק תוספים שלא מבזבזים משאבים והשתמשנו בתמונות קטנות.

התוצאה? אתר WooCommerce רב-לשוני ומותאם אישית לחלוטין, שבו הכל נטען מהר מאוד ועובר את ההנחיות של Google. ללא קסמים מיוחדים או טריקים.

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