האמת על ביצועי בורר CSS

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

אבל if אתה מחפש רווחים בצד ה-CSS של העניינים, לפטריק יש דרך נחמדה לרחרח את הבוררים היקרים ביותר שלך באמצעות Edge DevTools:

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

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

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

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

קישור ישיר →

• הפצת תוכן ויחסי ציבור מופעל על ידי SEO. קבל הגברה היום.
• Platoblockchain. Web3 Metaverse Intelligence. ידע מוגבר. גישה כאן.
• מקור: https://css-tricks.com/the-truth-about-css-selector-performance/