אין לכם גישה לתוכן זה

לקבלת גישה לשיעור זה, יש לבחור מסלול מתאים ולהירשם תחילה

תוכן הקורס

מה נלמד בשיעור הזה?

  • נכיר את PageSpeed Insights של גוגל ונבין את הדירוג שלו
  • נתרשם מהביצועים ונתקין את התוסף WP-Rocket ונבצע הגדרות כדי לשפר עוד את ביצועי הדף שלנו
  • נראה מה קורה כשהאתר נשבר בגלל הגדרה שלא בהכרח מתאימה לכל אתר ואיך לתפעל את זה
  • נבטל את כיווץ הCSS ברוקט על מנת לשפר את הביצועים ולהחזיר חזרה את הנראות של האתר
  • נבצע הגדרה לשיפור ביצועים ברמת האלמנטור וננטרל את רוקט כדי שלא יפגע לנו בביצועי האתר (זה ספציפית לאתרים מסוימים. לא כל האתרים חייבים שיפור ביצועים. יש אתרים עם ציון מעולה וחוויית משתמש מעולה. בד"כ מדובר בדפי נחיתה פשוטים).

וקצת יותר בפירוט...

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

 

לאחר מכן נתקין את התוסף **WP-Rocket**, אחד הכלים המובילים לשיפור ביצועים, ונגדיר אותו בהתאם לצורכי האתר. נבצע התאמות כמו כיווץ משאבים, שמירה בקאש (Cache), והאצת טעינה. עם זאת, נלמד גם מה לעשות כאשר פעולות האופטימיזציה גורמות לבעיות כמו שבירת עיצוב או תפקוד האתר. לדוגמה, נבין כיצד כיווץ CSS יכול לפגוע בנראות האתר, וכיצד לבטל את האפשרות הזו ב-WP-Rocket כדי לשחזר את העיצוב המקורי.

 

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