WhatsApp
רג'ל בוואטסאפ

תוכן העניינים

מצב קריאה

מה זה CDN ואיך הוא מאיץ את האתר שלכם

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

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

  • מה זה CDN ואיזה תוכן הוא מגיש;
  • איך הטכנולוגיה עובדת, שלב אחר שלב;
  • מה היא נותנת לאתר: מהירות, יציבות, הגנה ו-SEO;
  • אילו סוגי CDN וספקים קיימים היום;
  • מתי האתר שלכם צריך CDN ומתי אפשר בלעדיו;
  • איך זה עובד ב-Webflow, ב-Wix וב-WordPress, ואיך בודקים שה-CDN באמת עובד.

מה זה CDN במילים פשוטות

CDN (Content Delivery Network) היא רשת של שרתים שפזורים במקומות שונים בעולם. השרתים האלה שומרים עותקים של הקבצים של האתר ומגישים אותם לגולשים מהנקודה הקרובה אליהם ביותר.

כל נקודה כזאת ברשת נקראת PoP (Point of Presence), או בפשטות "צומת". השרת שבו האתר מאוחסן באמת נקרא שרת המקור (origin). בלי CDN כל גולש פונה ישירות לשרת המקור, גם אם הוא נמצא באירופה או בארצות הברית והגולש יושב בבאר שבע. עם CDN רוב הבקשות נענות מהצומת הקרוב, והמידע עובר מרחק קצר בהרבה.

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

איזה תוכן נשמר ב-CDN

ה-CDN מתאים בעיקר לתוכן סטטי, כלומר קבצים שזהים לכל הגולשים ולא משתנים בכל ביקור:

  • תמונות, אייקונים ואיורים;
  • קבצי CSS ו-JavaScript;
  • גופנים;
  • סרטונים וקובצי אודיו;
  • מסמכים להורדה, כמו קטלוגים ומחירונים ב-PDF.

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

כדור ארץ מזכוכית כהה עם צמתים זוהרים פזורים עליו, קווי אור קצרים מחברים כל צומת למסכי טלפון ומחשב קטנים
רשת CDN מגישה את התוכן מהצומת הקרוב לגולש, לא משרת אחד רחוק. איור: RJL Studio

למה צריך CDN ומה הוא נותן לאתר

הטכנולוגיה נולדה יחד עם צמיחת האינטרנט. אתרים הפסיקו להיות עמודים של טקסט והתמלאו בתמונות כבדות, סרטונים, אנימציות וסקריפטים. לפי נתוני HTTP Archive, עמוד אינטרנט טיפוסי בדסקטופ שוקל היום יותר משני מגה-בייט. במקביל גדל מספר הגולשים: מיליוני אנשים פותחים את אותם עמודים באותו רגע. שרת אחד לא מסוגל לשרת את כולם מהר מכל מקום בעולם, ו-CDN פותר בדיוק את בעיית ההיקף והמרחק.

מהירות טעינה

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

יציבות בעומסים

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

הגנה מפני מתקפות

רוב ספקי ה-CDN מסננים תעבורה ומגינים מפני מתקפות DDoS, שבהן מציפים את האתר בבקשות מזויפות. הצמתים מנתחים את הבקשות הנכנסות וחוסמים תעבורה חשודה לפני שהיא מגיעה לשרת המקור. רבים מהספקים מציעים גם WAF (חומת אש לאפליקציות ווב), ניהול בוטים ותעודת SSL בלי עלות נוספת.

חיסכון במשאבי שרת

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

SEO וחוויית משתמש

Google מודדת את חוויית המשתמש באמצעות Core Web Vitals: מהירות הצגת התוכן הראשי (LCP), זמן התגובה ללחיצות (INP) ויציבות הפריסה (CLS). CDN משפר בעיקר את זמן התגובה הראשוני של השרת (TTFB) ואת LCP, כי התמונה הראשית והקבצים החשובים מגיעים מהר יותר. אתר מהיר לא יעקוף בזכות זה בלבד מתחרה עם תוכן טוב יותר, אבל אתר איטי מאבד גולשים לפני שהם בכלל קוראים את התוכן.

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

איך CDN עובד, שלב אחר שלב

את העבודה של CDN אפשר לחלק לכמה שלבים:

1. הגולש מקליד את כתובת האתר או לוחץ על קישור.

2. מערכת ה-DNS מפנה את הבקשה לא לשרת המקור, אלא לצומת ה-CDN הקרוב לגולש.

3. אם בצומת כבר יש עותק עדכני של הקובץ, הוא נשלח מיד. זה נקרא cache hit.

4. אם אין עותק (cache miss), הצומת מבקש את הקובץ משרת המקור, שומר אותו אצלו ומעביר לגולש.

5. בפעם הבאה שגולש מאותו אזור יבקש את הקובץ, הוא יקבל אותו ישר מהצומת, בלי לפנות לשרת המקור.

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

כמה זמן העותק נשמר

לכל קובץ במטמון יש "תוקף", שנקרא TTL (Time to Live). את התוקף קובעים בכותרות HTTP כמו Cache-Control, בהגדרות של ספק ה-CDN או בפלטפורמת האתר. לוגו או גופן יכולים להישמר חודשים, ותמונות של מבצע מתחלף כדאי לשמור לזמן קצר יותר. כשמעדכנים קובץ לפני שהתוקף פג, מבצעים purge, כלומר ניקוי מטמון: מוחקים את העותקים הישנים מהצמתים, והם נטענים מחדש מהמקור.

ומה עם תוכן דינמי

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

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

סוגי CDN וספקים מוכרים

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

CDN ציבורי ומסחרי

אלה הספקים שרוב האתרים עובדים איתם. כל אחד יכול להתחבר אליהם, בתוכנית חינמית או במנוי לפי שימוש. בין המוכרים: Cloudflare, Akamai, Fastly, Bunny.net ו-Amazon CloudFront. ל-Cloudflare יש תוכנית חינמית עם CDN בסיסי, SSL והגנה מפני DDoS, ולכן היא נקודת התחלה נפוצה לאתרים קטנים ובינוניים. גם לספקי הענן הגדולים יש שירותי CDN: Google Cloud CDN ו-Azure Front Door של Microsoft.

CDN פרטי של חברות גדולות

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

CDN לספריות קוד

מפתחי פרונט-אנד מכירים סוג נוסף: CDN ציבורי לספריות קוד וגופנים, כמו jsDelivr ו-cdnjs. במקום להוריד ספרייה לשרת, מוסיפים לעמוד קישור לקובץ שכבר מאוחסן ברשת. ככה מחברים לא פעם גם את Google Fonts. זה נוח לאב-טיפוס ולפרויקטים קטנים, אבל באתר עסקי כדאי לשקול לאחסן גופנים וסקריפטים קריטיים אצלכם, כדי לא להיות תלויים בשירות חיצוני ולהימנע מבקשות נוספות לדומיינים זרים.

איך בוחרים ספק

הבחירה תלויה בסוג התוכן, במיקום הקהל ובדרישות האבטחה. כדאי לבדוק:

  • האם לספק יש צמתים בישראל ובמדינות שבהן נמצאים הלקוחות שלכם;
  • אילו כלי הגנה כלולים: DDoS, WAF, ניהול בוטים;
  • כמה קל לנקות מטמון ולהגדיר כללי שמירה;
  • האם יש אופטימיזציה של תמונות (המרה ל-WebP או AVIF, שינוי גודל לפי מסך);
  • איך מחושב התשלום: מחיר קבוע, לפי תעבורה או לפי בקשות;
  • איזו אנליטיקה ולוגים מקבלים.

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

האם האתר שלכם צריך CDN

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

מתי CDN כמעט חובה

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

מתי אפשר להסתפק באחסון רגיל

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

הנקודה הישראלית

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

CDN בפלטפורמות: Webflow, Wix ו-WordPress

החדשות הטובות: בחלק מהפלטפורמות ה-CDN כבר עובד בלי שתעשו דבר.

Webflow

אחסון Webflow כולל CDN גלובלי מובנה. כל העמודים, התמונות, הסקריפטים והגופנים מוגשים דרכו, יחד עם תעודת SSL והגנה בסיסית. אין מה להתקין, אבל יש מה לעשות: להעלות תמונות בגודל סביר, להשתמש בפורמטים מודרניים כמו WebP או AVIF, ולא להעמיס על העמוד סקריפטים חיצוניים כבדים. אנחנו בונים אתרים כאלה ב-שירותי Webflow שלנו.

Wix

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

WordPress

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

  • להעביר את ניהול ה-DNS ל-Cloudflare, ואז כל האתר עובר דרך הרשת שלה;
  • לחבר שירות כמו Bunny.net או CloudFront ולהפנות אליו את הקבצים הסטטיים;
  • להשתמש בתוסף מטמון כמו WP Rocket או LiteSpeed Cache, שיודע לשכתב כתובות של קבצים לכתובת ה-CDN.

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

שלושה מסכי אתר מזכוכית מרחפים זה לצד זה, ומעליהם ענן זוהר אחד שמחובר לשלושתם בקווי אור
בחלק מהפלטפורמות ה-CDN מובנה, ובאחרות מחברים אותו בנפרד. איור: RJL Studio

איך מחברים ובודקים CDN: תוכנית עבודה

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

שלב 1: מודדים את המצב הקיים

הריצו את האתר ב-PageSpeed Insights של Google ושמרו את התוצאות לנייד ולדסקטופ. רשמו את זמן תגובת השרת, את LCP ואת משקל העמוד. בלי מדידה לפני, לא תדעו אם השינוי עזר.

שלב 2: בוחרים ספק ושיטת חיבור

יש שתי שיטות עיקריות. בראשונה מעבירים את ה-DNS של הדומיין לספק, והוא מגיש את כל האתר (reverse proxy). זה פשוט ונותן גם הגנה מלאה. בשנייה מחברים CDN רק לקבצים סטטיים, בתת-דומיין נפרד כמו cdn.example.co.il. זה מתאים כשלא רוצים לשנות את ה-DNS הראשי.

שלב 3: מגדירים כללי מטמון

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

שלב 4: בודקים שה-CDN באמת עובד

פתחו את כלי המפתחים בדפדפן (F12), עברו ללשונית Network, טענו את העמוד מחדש ולחצו על אחד הקבצים. בכותרות התשובה חפשו כותרת של ה-CDN: אצל Cloudflare זו cf-cache-status, ואצל ספקים אחרים בדרך כלל x-cache. הערך HIT אומר שהקובץ הגיע מהמטמון, והערך MISS אומר שהוא נמשך משרת המקור. בטעינה השנייה רוב הקבצים הסטטיים צריכים להראות HIT.

שלב 5: משווים ועוקבים

הריצו שוב את PageSpeed Insights והשוו לתוצאות מהשלב הראשון. אחרי כמה שבועות בדקו את דוח Core Web Vitals ב-Google Search Console: שם רואים את הנתונים של גולשים אמיתיים, לא רק של בדיקת מעבדה.

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

טעויות נפוצות בעבודה עם CDN

שומרים במטמון את מה שאסור

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

שוכחים לנקות מטמון אחרי עדכון

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

מצפים מה-CDN לפתור הכול

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

שוברים את הקשר לשרת המקור

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

מחברים ספקים חיצוניים בלי לבדוק

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

איך RJL Studio עוזרת להאיץ אתרים

ב-RJL Studio אנחנו בונים אתרים ב-Webflow, ב-WordPress וב-Wix ודואגים שהם ייטענו מהר כבר מההשקה: בוחרים אחסון מתאים, מחברים ומגדירים CDN כשצריך, ממירים תמונות לפורמטים מודרניים ובודקים את Core Web Vitals לפני ואחרי. באתרים קיימים אנחנו מתחילים באבחון: מודדים, מוצאים מה באמת מאט את האתר ומטפלים קודם במה שייתן את השיפור הגדול ביותר.

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

שאלות נפוצות על CDN

האם CDN משפר את הקידום בגוגל?

לא ישירות. Google לא מדרגת אתר גבוה יותר רק בגלל שיש לו CDN. אבל מהירות וחוויית משתמש הן חלק מהשיקולים שלה, ו-CDN משפר את זמן תגובת השרת ואת LCP. בנוסף, גולשים שלא מחכים לטעינה נשארים באתר וממירים יותר.

כמה עולה CDN?

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

מה ההבדל בין CDN לאחסון אתר?

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

האם CDN מתאים לאתר שכל הקהל שלו בישראל?

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

איך יודעים אם האתר כבר עובד עם CDN?

פתחו את כלי המפתחים בדפדפן, בלשונית Network בחרו את העמוד הראשי וחפשו בכותרות התשובה שורות כמו server, via, cf-cache-status או x-cache. הן מגלות איזה ספק מגיש את האתר ואם הקובץ הגיע מהמטמון. באתרי Webflow ו-Wix ה-CDN פועל כברירת מחדל.

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