אופטימיזציה של תמונות לאתר: פורמטים, גדלים רספונסיביים וסדרי טעינה
קובץ קטן יותר מועיל כשהדפדפן מקבל את התמונה המתאימה בזמן המתאים.
כלים
עוברים על בדיקות ביצועים עם ראיות ושומרים את ההתקדמות בדפדפן הנוכחי.
נשמר מקומית בדפדפן. דבר אינו נשלח לשרת.
הכלי שומר התקדמות באחסון המקומי של הדפדפן. הוא אינו מערכת פרויקטים עם חשבון ואינו מסנכרן בין דפדפנים ומכשירים. ניקוי נתוני האתר עשוי להסיר את ההתקדמות.
מספר הסעיפים שהושלמו מתאר את מצב הרשימה. הוא אינו ציון ביצועים, אישור נגישות או הוכחה למעבר Core Web Vitals. עמודים עם אותה תבנית יכולים להציג בעיות שונות בגלל תוכן, מדיה ושילובים.
משתמשים בסעיפים כנקודות פתיחה לבדיקה. לדוגמה, תמונת LCP לא אמורה להתעכב בגלל טעינה עצלה, אבל אין פירוש הדבר שכל תמונה צריכה להיטען מיד. מטמון ממושך מתאים לקבצים סטטיים בעלי גרסה, ולעמודים אישיים דרושים כללים אחרים. מיישמים כל בדיקה בהקשר שלה.
לצד משימות הפרויקט שומרים כתובת שנבדקה, סוג מכשיר, מצב מטמון, רכיב מושפע והקלטה לפני ואחרי. הרשימה מציגה את התהליך; התיעוד מוכיח מה אומת בפועל.
מתחילים בצוואר הבקבוק שנמדד. בית ראשון שמגיע מאוחר מצביע על בדיקות שרת ומטמון. בקשת תמונה מאוחרת מצביעה על גילוי משאב. פעולה איטית מצביעה על השרשור הראשי וציור, ותנועה לא צפויה על מקום חסר בפריסה.
אם הסיבה אינה ידועה, נעזרים במדריך Core Web Vitals למתחילים כדי לבחור דוח, ואז ממשיכים למדריך המדד. סימון הסעיפים הקלים עלול להיראות כהתקדמות בלי לטפל בבעיה המרכזית של המשתמש.
לא. אתר פרסום סטטי ויישום מסחר מותאם אישית כפופים למגבלות שונות. חלק מהסעיפים דורשים החלטה על רלוונטיות, שליטה בפלטפורמה או פשרות. כשסעיף אינו מתאים שומרים הערה חיצונית, ולא טוענים שהיכולת יושמה רק כדי להשלים את המונה.
נמנעים מכללי מספר אוניברסליים כאשר העלות תלויה בעמוד. מורכבות DOM, מידות תמונה ופעילות סקריפטים דורשות מדידה מייצגת. מדריך JavaScript ומדריך תגובת השרת מסבירים כיצד לבדוק את התלות.
לא באופן אוטומטי. האחסון המקומי שייך לנתוני האתר בדפדפן המסוים. מכשיר אחר, חלון פרטי או פרופיל שנוקה עשויים לא להכיל אותו. מעתיקים את הסיכום כשצריך תיעוד פרויקט מתמשך. לא מכניסים סיסמאות או מידע תפעולי רגיש לחומר שמיועד לשיתוף.
חוזרים לרשימה לאחר שינוי משמעותי בתבנית, בתוסף או בשילוב. קל יותר לתחזק ביצועים כאשר לכל שינוי יש צעד אימות ברור, ולא רק מונה השלמות ישן.
קובץ קטן יותר מועיל כשהדפדפן מקבל את התמונה המתאימה בזמן המתאים.
הקלטת ביצועים מבהירה איזה קוד להסיר, לדחות, לפצל או להעביר ל-worker.
שלטו במועד הופעת הטקסט, בקבצים הנדרשים ובשינוי שמתרחש כשהגופן הסופי מגיע.