שם השיעור: בדיקות כלליות
אין לכם גישה לתוכן זה
לקבלת גישה לשיעור זה, יש לבחור מסלול מתאים ולהירשם תחילה
תוכן הקורס
מודול: בניית דף הנחיתה "קלין פרמייר"
- טמפלייטים (29:12)
- יצירת Header (27:47)
- יצירת Footer (28:08)
- שימוש בקונטיינרים (27:29)
- תחילת הדרך עם Figma (27:27)
- סיום הHero Section (27:50)
- CSS היכרות ושימוש ראשון (28:01)
- סיום סקשן "השירותים שלנו" (27:42)
- סקשנים למה אנחנו ושירותים (27:48)
- סקשנים בחרו בשירותים וצוות (27:52)
- סקשן המלצות (32:07)
- סקשן יצירת קשר (28:47)
- התאמה למובייל (27:25)
- הנפשות/אנימציות (27:44)
- דפים כלליים (28:42)
- חיבור לינקים (27:29)
- בדיקות כלליות (28:41)
- בדיקת הטופס (27:45)
מודול: הגדרות גלובליות
- אלמנטור – ההתחלה (28:50)
- מה זה HEX ומה זה RGBA (28:58)
- תבנית עיצוב (27:21)
- פונטים וצבעים גלובליים (28:07)
- זהות האתר ופריסת הדף (27:24)
מודול: טיפים וטריקים
- ניהול האלמנטים (27:39)
- היסטוריית העבודה (27:56)
- טעינת ספריות ומבנה הקישורים (27:12)
- יחידות מידה (27:28)
- Compressimage.io (29:47)
- Recaptcha V3 & Maspik (29:37)
- פיטשרים באלמנטור (27:46)
נו..? איך היה השיעור?
מה נלמד בשיעור הזה?
- נכיר את PageSpeed Insights של גוגל ונבין את הדירוג שלו
- נתרשם מהביצועים ונתקין את התוסף WP-Rocket ונבצע הגדרות כדי לשפר עוד את ביצועי הדף שלנו
- נראה מה קורה כשהאתר נשבר בגלל הגדרה שלא בהכרח מתאימה לכל אתר ואיך לתפעל את זה
- נבטל את כיווץ הCSS ברוקט על מנת לשפר את הביצועים ולהחזיר חזרה את הנראות של האתר
- נבצע הגדרה לשיפור ביצועים ברמת האלמנטור וננטרל את רוקט כדי שלא יפגע לנו בביצועי האתר (זה ספציפית לאתרים מסוימים. לא כל האתרים חייבים שיפור ביצועים. יש אתרים עם ציון מעולה וחוויית משתמש מעולה. בד"כ מדובר בדפי נחיתה פשוטים).
וקצת יותר בפירוט...
בשיעור זה נלמד כיצד לבצע בדיקות כלליות לשיפור ביצועי האתר ולפתור בעיות שעלולות לצוץ במהלך תהליך האופטימיזציה. נתחיל בהיכרות עם **PageSpeed Insights** של גוגל, כלי חשוב שמספק דירוג ביצועי אתר מבוסס על מהירות טעינה, חוויית משתמש והמלצות לשיפור. ננתח את תוצאות הבדיקה, נבין מהן ההמלצות ומה המשמעות של דירוגים אלה עבור האתר שלנו, במיוחד אם מדובר בדפי נחיתה או אתרים מורכבים יותר.
לאחר מכן נתקין את התוסף **WP-Rocket**, אחד הכלים המובילים לשיפור ביצועים, ונגדיר אותו בהתאם לצורכי האתר. נבצע התאמות כמו כיווץ משאבים, שמירה בקאש (Cache), והאצת טעינה. עם זאת, נלמד גם מה לעשות כאשר פעולות האופטימיזציה גורמות לבעיות כמו שבירת עיצוב או תפקוד האתר. לדוגמה, נבין כיצד כיווץ CSS יכול לפגוע בנראות האתר, וכיצד לבטל את האפשרות הזו ב-WP-Rocket כדי לשחזר את העיצוב המקורי.
נעמיק גם בשיפורי ביצועים הניתנים לביצוע בתוך אלמנטור עצמו, ונלמד כיצד לנטרל הגדרות מסוימות של WP-Rocket במקרים שבהם הן מתנגשות עם הפלטפורמה. חשוב לציין, לא כל האתרים זקוקים לאופטימיזציה עמוקה, במיוחד אם מדובר בדפי נחיתה פשוטים עם ציון מצוין כברירת מחדל. המטרה היא לשפר ביצועים רק במקרים שבהם נדרש, תוך שימת דגש על שמירה על חוויית משתמש מצוינת וטעינה מהירה.