מהירות האתר: מה מתקנים לבד ומתי פונים לאיש מקצוע?
מפרידים בין שינויים שאפשר לבצע בבטחה לבין בעיות שדורשות אבחון טכני, ומכינים בקשת עבודה ודרך לבדוק את התוצאה.
נושאים
מדריכים מעשיים לטעינה ולרינדור מהירים יותר: PageSpeed Insights, Lighthouse, תמונות, JavaScript, CSS, גופנים, מטמון וסקריפטים של צדדים שלישיים.
9 מאמרים
קובץ קטן יותר מועיל כשהוא מטפל בעיכוב שהמבקר חווה. תמונה שמתגלית מאוחר, תהליכון ראשי חסום וגיליון סגנון הדרוש לתצוגה הראשונית הם סוגים שונים של תלות.
במדור מוסבר כיצד לקרוא PageSpeed Insights ו-Lighthouse, ולאחר מכן לבדוק תמונות, JavaScript, CSS, גופנים ושילובים של צדדים שלישיים. הדוגמאות מתמקדות בהצגת החלק המועיל הבא בעמוד בלי לפגוע בפריסה או בתפקוד.
התחילו בעמוד מייצג ובהקלטה שנשמרה. עקבו אחר המשאב או המשימה שמעכבים את התוצאה, שנו חלק רלוונטי אחד והשוו בתנאים זהים. שמרו את מדידות השטח לצד ממצאי המעבדה, במקום להתייחס לציון סינתטי יחיד כאל חוויית השימוש כולה.
מפרידים בין שינויים שאפשר לבצע בבטחה לבין בעיות שדורשות אבחון טכני, ומכינים בקשת עבודה ודרך לבדוק את התוצאה.
הגדירו מדיניות תמונות לפי רכיבים ובדקו איכות חזותית, ממדים, תזמון בקשות ועלות תפעולית.
מנגנון טעינה קטן אינו מעיד על פונקציה קלה; מודדים את האינטראקציה כולה.
הקלטת ביצועים מבהירה איזה קוד להסיר, לדחות, לפצל או להעביר ל-worker.
הוציאו תלויות מיותרות מנתיב התצוגה הראשונית תוך שמירה על עיצוב חיוני ואינטראקציות תקינות.
שלטו במועד הופעת הטקסט, בקבצים הנדרשים ובשינוי שמתרחש כשהגופן הסופי מגיע.
קובץ קטן יותר מועיל כשהדפדפן מקבל את התמונה המתאימה בזמן המתאים.
הציון הוא תוצאת מעבדה משוקללת. החלטות מועילות מתחילות במדידות ובתנאים שמאחוריו.
התחילו בחוויית המשתמשים האמיתית, והשתמשו במעבדה כדי לזהות את הרכיב שאחראי לבעיה.