קורס שיפור מהירות אתרים בוורדפרס

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

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

בשיעור הזה נבצע בדיקת מהירות עם הכלי של גוגל שנקרא PageSpeed Insights. נדבר על קריאת הנתונים בכלי ועל ההבדל בין הציון במובייל לציון במחשב הנייח.

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

בשיעור זה נדבר על הנושא של מהירות הטעינה ונבין מה ההבדל בין מהירות טעינה של אתר בפועל לעומת מהירות טעינה של אתרי ציוני מהירות כמו: גוגל PageSpeed Insights ו-GTmetrix.

בשיעור הזה נדבר על הנושא של המדרף אחרי הציון של 100 והאם זה שווה את הזמן וההתעסקות.

בשיעור הזה נדבר על הנושא של בדיקת מהירות לעמוד הבית אל מול בדיקת מהירות של עמוד פנימי. נדבר על ההבדל בין 2 האפשרויות והאם בדיקה של עמוד הבית משליכה על עמוד פנימי.

בשיעור הזה נבין מה זה זיכרון מטמון (Cache) ואיך זה יעזור לאתר שלנו להיטען באופן מהיר יותר. בנוסף נדבר בקצרה על הנושא של תוספי Cache ואיך להשתמש בהם.

בשיעור הזה נדבר על מונח שאנחנו הולכים לדבר על די הרבה במהלך הקורס של שיפור המהירות וזה Above the fold.

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

בשיעור הזה נדבר על המושג של Render-Blocking Resources, נסביר מה הוא אומר ואיך המושג הזה משפיע על המהירות טעינה של האתר.

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

בשיעור הזה נדבר על מושג שנקרא LCP (Largest Contentful Paint). ננסה להבין מה המושג הזה אומר ואיך אפשר לשפר אותו באתר.

בשיעור הזה נדבר על First Input Delay (FID) ועל המדד שנקרא TBT (Total Blocking Time) ונבין איך המדד הזה משפיע על מהירות הטעינה של האתר שלנו ואיך אפשר לשפר אותו.

בשיעור הזה נדבר על Cumulative Layout Shift (CLS) ונבין מה המדד הזה מסמל ואיך הוא משפיע על מהירות הטעינה של האתר.

בשיעור הזה נעשה סיכום למדדים שלמדנו בשיעורים הקודמים (CLS, FID, LCP) ונדבר גם על נתוני אמת של גולשים שנכנסים לאתר.

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

בשיעור הזה נדבר על 3 דברים שיעזרו לנו לשפר את המהירות של האתר באופן הכי משמעותי.

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

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

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

בשיעור הזה נדבר על מימדים של תמונה ואיך להעלות את התמונה בגודל המתאים שבו התמונה הולכת להיות מוצגת באתר לעומת העלאת תמונה גדולה עם משקל גדול.

בשיעור הזה נדבר על אתרי אופטימיזציה לתמונות כמו TinyPNG ו-Compress JPEG ונבין איך להשתמש בהם ומתי להשתמש בהם.

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

בשיעור הזה נלמד טריק קטן בעולמות של עיצוב שמסביר איך להעלות תמונות רקע לאתר במשקל נמוך.

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

בשיעור הזה נלמד איך ליצור חשבון באתר של ShortPixel ואיך אפשר להתקין את התוסף בתוך האתר ולחבר אותו באמצעות קוד API.

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

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

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

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

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

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

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

בשיעור הזה נדבר על מה זה Cloudflare ואיך זה יסייע בשיפור המהירות טעינה של האתר.

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

בשיעור הזה נעשה בדיקה על מנת להבין האם Cloudflare משפיע על ציוני מהירות. ניקח את אותו אתר ונשכפל אותו לדומיין שיושב על Cloudflare ולדומיין שלא יושב על Cloudflare ונראה את ההבדל במהירות.

בשיעור הזה נלמד איך לפתוח חשבון חדש ונדבר על הפעולות שצריך לבצע על מנת לחבר את האתר שלנו לשירות של Cloudflare.

בשיעור הזה נלמד מהם הכתובת DNS הבסיסיות שאנחנו צריכים ליצור כאשר אנחנו מוסיפים אתר אל Cloudflare.

בשיעור הזה נלמד איך להוסיף סאב דומיין לאתר באמצעות Cloudflare ואיך לחבר את הסאב דומיין לשרת האחסון.

בשיעור הזה נלמד איך לשנות את האחסון לדומיין קיים שהוספנו ב-Cloudflare על ידי שינוי של ה-IP של האחסון ב-Cloudflare.

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

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

בשיעור הזה נלמד איך לקחת את המייל שיצרנו באמצעות Cloudflare ואיך לייבא אותו ל-Gmail על מנת לקבל מייל עסקי בחינם.

בשיעור הזה נלמד מה זה Page Rules באתר של Cloudflare ואיך להשתמש בהם על מנת לבצע שינויים באתר.

בשיעור הזה נדבר על הנושא של כיווץ קבצי JavaScript, CSS ו-HTML כאשר אנחנו משתמשים ב-Cloudflare.

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

בשיעור הזה נדבר על התוסף של WP-Rocket, ננסה להבין מה התוסף עושה ואיך הוא יעזור לשפר את המהירות טעינה של האתר.

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

בשיעור הזה נדבר על הנושא של רכישת התוסף של WP-Rocket ונדבר גם על הנושא של התקנת התוסף באתר.

בשיעור הזה נדבר על ההגדרות Cache (זיכרון מטמון) של התוסף ונבין מה זה עושה ואיך זה משפיע על האתר שלנו.

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

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

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

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

בשיעור נמשיך את השיעור הקודם ונדבר על האפשרויות של Remove Unused CSS ושל Load CSS Asynchronously

בשיעור הזה נלמד מה אפשר לעשות עם ביצענו שינויי CSS באתר ולאחר ביצוע השינויים נתקלנו בתקלה שאנחנו צריכים לתקן.

בשיעור הזה נמשיך מהנקודה שבה הפסקנו את השיעור הקודם ונדבר על הנושא של פתרון בעיות כאשר מדובר על האזור של Optimize CSS delivery.

בשיעור הזה נמשיך מהנקודה שבה הפסקנו את השיעור הקודם ונדבר על הנושא של פתרון בעיות כאשר מדובר על האזור של Optimize CSS delivery.

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

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

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

בשיעור הזה נלמד מא אפשר לעשות עם ביצענו שינויי JavaScript באתר ולאחר ביצוע השינויים נתקלנו בתקלה שאנחנו צריכים לתקן.

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

בשיעור הזה נדבר על הנושא של טעינת סרטונים מיוטיוב ומה אפשר לעשות על מנת לשפר את המהירות טעינה של הסרטונים בעמוד.

בשיעור הזה נדבר על האפשרות של Preload בתוסף של WP Rocket וננסה להבין איך זה משפיע על האתר שלנו ועל משאבי האחסון.

בשיעור הזה נלמד איך אנחנו יכולים להחריג עמודים ספציפיים מהתוסף בצורה כזאת שהוא לא ישפיע על התצוגה שלהם ולא יבצע פעולות של כיווץ עבורם.

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

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

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

בשיעור הזה אני אדבר על מה אנחנו הולכים ללמוד במודול הזה על הנושא של שיפור מהירות.

בשיעור הזה נלמד איך להוסיף Delay לקבצים נבחרים באמצעות התוסף Flying Script.

בשיעור הזה נדבר בקצרה על התוסף שנקרא Asset CleanUp ונתקין אותו באתר. בנוסף נבין מה אנחנו יכולים לעשות באמצעות התוסף.

בשיעור הזה נעשה היכרות ראשונית עם התוסף של Asset CleanUp ונדבר על ההגדרות הראשוניות שאני בדרך כלל מסמן בתוסף.

בשיעור הזה נלמד איך להשתמש בתוסף Asset CleanUp על מנת להסיר קבצי CSS וקבצי JavaScript שאנחנו לא צריכים להשתמש בהם בתוך האתר.

בשיעור הזה נדבר על איך אפשר לדעת האם אפשר למחוק את הקבצים מהאתר ובאילו מצבים עדיף להימנע מהם.

בשיעור הזה נלמד איך אפשר לאפס את ההגדרות של התוסף Asset CleanUp ונלמד גם איך אפשר לייבא ולייצא את ההגדרות של התוסף לאתרים אחרים

בשיעור הזה נמשיך להסיר כמה קבצים של JavaScript מהאתר ונבין איך אנחנו יכולים לבצע את זה בצורה נכונה ותקינה.

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

בשיעור הזה נדבר על הנושא של שימוש באלמנטור לעמודי האתר ואיך להשתמש בקוד מינימלי על מנת לייצא פחות קוד HTML לעמוד.

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

בשיעור הזה נדבר על למה עדיף לא להשתמש באייקונים באתר שנבנה באמצעות אלמנטור ועל החלופה לשימוש באייקונים באתר.

בשיעור הזה נדבר על הנושא של הסרת של טעינת קבצי אייקונים של אלמנטור מתוך האתר.

בשיעור הזה נדבר על איך אפשר להחליף קבצי אייקונים באמצעות קבצי SVG על ידי העלאת הקובץ מהמחשב שלנו אל אלמנטור.

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

בשיעור הזה נלמד איך לטעון פונטים באתר באופן לוקאלי באמצעות תוסף שנקרא Local Google Fonts. בנוסף נבין איך להקטין את מספר המשקלים שבאופן רגיל נטען באתר.

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

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

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

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

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

בשיעור הזה נדבר על הנושא של שימוש בתבניות עיצוב מוכנות אל מול בניית אתר מ-0. נבין מה החסרונות ולמה עדיף לבנות את האתר עם עיצוב מ-0 אל מול תבנית מוכנה.

בשיעור הזה נדבר על הנושא של שימוש בתוספים ואיך שימוש בריבוי תוספים הולך להשפיע על מהירות הטעינה של האתר בפועל.

במרבית מחברות האחסון כאשר אתם מעלים אתר לאוויר באופן אוטומטי האחסון יפעיל דחיסת Gzip שתשפר את מהירות הטעינה של האתר. בשיעור זה נוודא שיש לנו כיווץ Gzip מופעל ובמידה והוא לא מופעל נדבר על מה אפשר לעשות על מנת להפעיל אותו בשרת האחסון שבו אתם משתמשים.

בשיעור הזה נדבר על מדדים חדשים שגוגל השיקו לאחרונה והם SEO, Accessibility, Best Practices.

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