מד מהירות מודד את ביצועי הדפדפן
למרות ההתקדמות הגדולה שהושגה בפיתוח אתרים וכל אותם מאמצים להשיג את האיחוד של פיתוח אתרים, באמצע 2024, זהו התאריך בו הדפדפנים לא הצליחו (או רצו) להגיע לסטנדרט משותף ועבור טוב או רע, מצב זה הוביל גם לכך שכל אחד מהם תרם תכונה או תועלת כלשהי שיושמו בדפדפנים אחרים באותה עת.
הדיבור על מדידת ביצועים של דפדפני אינטרנט אינו פשוט כפי שהיה במקרים אחרים, שכן במקרה זה נבחנים היבטים שונים ולכן בדרך כלל משתמשים בכלים שונים. אבל עכשיו זה עשוי לקבל תפנית אחרת כי כבדי המשקל של הרשת איחדו כוחות.
וזה לאחר שש שנים מאז יציאתו האחרונה, הוא מוצג כלי מעודכן להערכת הביצועים וההיענות של דפדפני אינטרנט: מד מהירות 3.0, שפותח בשיתוף פעולה על ידי מוזילה, גוגל, מיקרוסופט ואפל, מתמקד באומדן עיכובים על ידי הדמיית עבודת משתמשים עם יישומי אינטרנט נפוצים.
בשיתוף פעולה עם מנועי הדפדפן המובילים Blink/V8, Gecko/SpiderMonkey ו-WebKit/JavaScriptCore, אנו נרגשים לשחרר את Speedometer 3.0. בנצ'מרקים, כגון מד מהירות, הם כלים שיכולים לעזור לספקי דפדפנים למצוא הזדמנויות לשיפור הביצועים. באופן אידיאלי, הם מדמים את הפונקציונליות שמשתמשים מוצאים באתרים טיפוסיים, כדי להבטיח שדפדפנים יכולים לבצע אופטימיזציה של אזורים שמועילים למשתמשים.
על מד מהירות 3.0
מד מהירות 3.0 הוא בולטת בהיותה חבילת בדיקות ביצועי הדפדפן הראשונה שנוצרה יחד על ידי מפתחי מנועי דפדפן גדולים והדבר התאפשר על ידי פיתוח מדיניות בדיקה משותפת.
ערכת הכלים להפעלת בדיקות הורחב לשקול מגוון פעולות של הדפדפן על ידי מדידת התגובה לפעולות המשתמש. זה כולל לא רק זמן ביצוע קוד, אלא גם זמן רינדור וביצוע משימות אסינכרוני.
פותחו כלים עבור מפתחי דפדפן לניתוח תוצאות בדיקה, יצירת פרופילי ביצועים והתאמת פרמטרי בדיקה לפי הצורך. בנוסף, מסופקת היכולת ליצור סקריפטים מורכבים של השקת בדיקה מותאמים אישית.
לגבי עדכוני Speedometer 3.0, המעבר נעשה לשימוש בגרסאות חדשות של המסגרות Angular, Backbone, jQuery, Lit, Preact, React, React+Redux, Svelte ו-Vue. כמו כן יושמו דפוסי עיצוב מודרניים לאתרים ויישומי אינטרנט, כגון שימוש ב-Webpack, רכיבי אינטרנט ושיטות מעודכנות לעבודה עם ה-DOM.
נכללו בדיקות נוספות להערכת ביצועי העיבוד עם אלמנט Canvas, דור SVG, עיבוד CSS מורכב, טיפול בעץ DOM נרחב וטכניקות המשמשות בעריכת תוכן WYSIWYG ובאתרי חדשות.
מד מהירות 3.0, נועד להעריך הביצועים של אמות מידה שונות בשימוש:
- הוסף, השלם ומחק הערות ב-TodoMVC: פעולות כמו הוספה, השלמת ומחיקה של 100 הערות מבוצעות באמצעות מנהל המשימות של TodoMVC. זה מיושם בגרסאות המבוססות על מסגרות אינטרנט שונות, שיטות עבודה עם ה-DOM וגרסאות של תקן ECMAScript. דוגמאות לאפשרויות TodoMVC כוללות מסגרות כגון React, Angular, Vue, jQuery, WebComponents, Backbone, Preact, Svelte ו-Lit, כמו גם אפשרויות המשתמשות בתכונות מתקדמות שהוצגו במפרטי ECMAScript 5 ו-ECMAScript 6.
- עריכת טקסט במצב WYSIWYG: עריכת טקסט עם סימון WYSIWYG מוערכת באמצעות עורכי קוד כגון CodeMirror ו-TipTap.
- טעינה ואינטראקציה עם גרפיקה: הטעינה והאינטראקציה עם גרפיקה שעוצבה באמצעות אלמנט הקנבס או שנוצרה בפורמט SVG באמצעות ספריות כגון Observable Plot, chart.js ו-react-stockcharts מוערכת.
- ניווט ואינטראקציה עם אתרי חדשות: ניווט דפים ואינטראקציה עם תוכן מדומים באתרי חדשות טיפוסיים באמצעות מסגרות האינטרנט Next.js ו-Nuxt.
באשר לתוצאות שהושגו ממעבר בחבילת הבדיקות Speedometer 3.0, ב-macOS, Chrome מוביל עם 22.6 נקודות, אחריו פיירפוקס עם 20.7 נקודות ו-Safari עם 19.0 נקודות. לשם השוואה, ב-Speedometer 2.1, Safari הובילה עם 481 נקודות, אחריה Firefox עם 478 נקודות וכרום בפיגור ניכר עם 404 נקודות באותו מבחן עם אותם דפדפנים. באובונטו 22.04, Chrome השיג 13.5 ו-234 נקודות, בעוד שפיירפוקס צבר 12.1 ו-186 נקודות ב-Spedometer גרסאות 3.0 ו-2.1 בהתאמה.
סוף סוף אם אתה מעוניין לדעת יותר על זה, אתה יכול לבדוק את הפרטים בקישור הבא.