כשגולש פותח עמוד באתר שלכם, הדפדפן שלו לא מדבר רק עם השרת שלכם. כל סקריפט חיצוני, כל גופן מ-CDN, כל וידאו מוטמע וכל פיקסל מדידה הם בקשה נפרדת לשרת אחר, שמקבל לפחות את כתובת ה-IP של הגולש ואת כתובת העמוד שממנו הגיע. אם אתם כותבים מדיניות פרטיות, מנהלים חלון הסכמה, או סתם רוצים שהאתר ייטען מהר יותר, אתם צריכים לדעת מה הרשימה הזאת. הדפדפן מראה אותה בחינם.
שלב 1: לפתוח את הכלים נכון
- פתחו חלון גלישה פרטי (Incognito), כדי שתוספים ומצב התחברות קיים לא יפריעו.
- פתחו את DevTools (F12, או Cmd+Option+I במק) לפני שטוענים את העמוד, ועברו ללשונית Network.
- סמנו Disable cache כדי לראות טעינה מלאה, ואז טענו את העמוד.
תקבלו רשימה של כל בקשה: שם הקובץ, סוג, סטטוס, גודל וזמן. בעמוד ממוצע זה עשרות עד מאות שורות.
שלב 2: לסנן את מה שלא שלכם
בשורת הסינון של Network הקלידו -domain:*.your-site.co.il (עם הדומיין שלכם). הרשימה מתכווצת לבקשות שהולכות למקום אחר. זו הרשימה שמעניינת. סמנו גם את תיבת 3rd-party requests אם היא קיימת בגרסה שלכם; היא עושה אותו דבר.
עכשיו עברו על העמודה Domain ושאלו על כל דומיין: מי זה, ולמה הוא כאן? כמה סוגים שחוזרים:
- גופנים (fonts.googleapis.com, fonts.gstatic.com, use.typekit.net): כל טעינת עמוד שולחת בקשה עם IP. אפשר לאחסן את הגופנים אצלכם; האתר הזה עושה זאת.
- מדידה (google-analytics.com, googletagmanager.com, connect.facebook.net, ועוד): אלה הדומיינים שחלון ההסכמה אמור לחסום עד שמאשרים. אם הם מופיעים בטעינה הראשונה לפני כל לחיצה, ההסכמה לא עובדת, היא רק מסתירה באנר.
- הטמעות (youtube.com, player.vimeo.com, platform.twitter.com): iframe שטוען אתר שלם בתוך שלכם, עם העוגיות שלו. לרוב אפשר להחליף בתמונה שנפתחת ללחיצה.
- CDN וספריות (cdnjs, unpkg, jsdelivr): נוחים, אבל כל אחד הוא עוד שרת שמקבל בקשה ועוד נקודת כשל.
- תוספים שלא זכרתם: צ'אט, מפות, ״כפתורי שיתוף״, מונה גולשים. לעיתים קרובות שריד מתוסף שהוסר.
שלב 3: לבדוק מה נשמר
עברו ללשונית Application. תחת Cookies תראו עוגיות לפי דומיין, כולל של צד שלישי. תחת Local storage ו-Session storage, מה שהאתר שומר בדפדפן בלי עוגיות. השוו למה שכתוב במדיניות העוגיות שלכם. אם יש פער, המדיניות שגויה או שהאתר עושה משהו שלא תכננתם.
בדיקה שימושית במיוחד: רעננו את העמוד, לחצו על ״דחייה״ בחלון ההסכמה, ובדקו שוב את Network ואת Cookies. אם הופיעו בקשות או עוגיות של מדידה אחרי הדחייה, החלון לא עושה את עבודתו.
שלב 4: לראות מה זה עולה במהירות
בלשונית Network, מיינו לפי Time. בקשה לצד שלישי שלוקחת שתי שניות לא בהכרח מעכבת את התוכן, אבל סקריפט חוסם (ללא async או defer) כן. לחיצה על שם הבקשה מציגה את ה-Initiator: מי ביקש אותה. ככה מגלים שסקריפט אחד טען חמישה אחרים.
מה עושים עם הרשימה
- מחקו מה שלא משמש. כל דומיין שאין לו תשובה ברורה לשאלה ״למה״ הוא מועמד להסרה.
- העבירו אליכם מה שאפשר: גופנים, ספריות JavaScript, תמונות.
- גדרו מה שנשאר מאחורי הסכמה, ובדקו שהגידור עובד כמתואר בשלב 3.
- תעדו: הרשימה הסופית היא בדיוק מה שאמור להופיע במדיניות העוגיות שלכם, לפי דומיין, מטרה ומשך.
כדאי לחזור על הבדיקה אחרי כל התקנת תוסף או שינוי תבנית. עשר דקות, פעם בחודש, והרשימה נשארת קצרה.
