Опубликовано ещё две статьи о метриках Web Vitals в цифрах:
- The Science Behind Web Vitals
- Defining the Core Web Vitals metrics thresholds

LinkedIn рассказали как они автоматизируют тестирование доступности для веба и мобильных платформ.

https://engineering.linkedin.com/blog/2020/automated-accessibility-testing

Деврел специалисты Google написали статью о возможностях шрифта system-ui, системного шрифта для macOS, а также о том, как они сломали его (это задело и некоторые другие вариативные шрифты, например Roboto) в графической библиотеке Skia (используется также в Firefox) и починили в Chromium 83.

Буквально только что наступил дедлайн для добавления пропозалов для продвижения на следующий stage в повестку следующей #TC39 встречи, которая пройдет с 1 по 4 июня.

Среди таких оказались:

String.prototype.replaceAll (stage 3 -> stage 4)
Это способ заменить все вхождения без глобальной регулярки (флаг g) и экранирования специальных символов

Function implementation hiding (stage 2 -> stage 3)
Способ спрятать имплементацию функции (от Function.prototype.toString и Error.prototype.stack)

Intl.NumberFormat V3 (stage 1 -> stage 2)
Добавляет новые методы и опции при форматировании чисел

Ergonomic brand checks for private fields (stage 1 -> stage 2)
Способ обработать выброс исключения при обращении к несуществующим приватным свойствам класса

Intl.DurationFormat (stage 1 -> stage 2)
Локалезависимое форматирование продолжительности

Do expressions (stage 1 -> stage 2)
Синтаксис, позволяющий использовать statement в качестве expression

Module attributes (stage 1 -> stage 2)
Тут немного предыстории. Чуть более года назад (17 мая 2019) в стандарт HTML была добавлена поддержка JSON модулей, что позволяло импортировать JSON файлы напрямую из JavaScript как в Node.js, но спустя несколько месяцев (18 сентября 2019) стало понятно, что это небезопасно, т.к. злоумышленник может подменить MIME тип модуля и заставить загрузчик выполнить потенциально небезопасный код. Для решения этой проблемы было предложено добавить специальный атрибут, который бы указывал явно намерение обработать код модуля желаемого типа. Помимо данной задачи, атрибуты модуля могут быть использованы для последующих расширений взаимодействия со средой исполнения, а также пригодиться для сборщиков вроде webpack.

Новые пропозалы, которые собираются пытаться брать stage 1:

Intl Enumeration API
Новое ECMA 402 API, позволяющее определить поддерживаемые средой исполнения значения локалей для календарей, валют, систем счисления, временных зон и единиц измерения

Async Context
Продолжение идеи замороженного пропозала Zones. Автор Zones прекратил своё участие в #TC39 и сам свернул работу над ним. Новый автор взял всё то же самое и слегка адаптировал описание к текущим обстоятельствам

Deep Path Properties in Record Literals
Синтаксис для удобной работы с иммутабельными типами (stage 1) наподобие того, как это реализовано в библиотеке Immer.js

Intl.NumberFormat#usage
Способ более точно затюнить локализированные единицы измерения

from … import
Новый синтаксис импортов, решающий проблему отсутствия автодополнения в редакторах и IDE

Generic Comparison
Способ сравнить два массива по значениям. Как по мне, в описании пропозала присутствуют пробелы. Например, хорошо бы иметь возможность сравнивать как минимум и другие Iterable объекты. Кроме того, концепция three-way comparison кажется понравится не всем.

.item()
Новый метод в прототипах Array, String и TypedArray, который позволит брать элементы также с конца с отрицательным индексом

Subclassing support in built-in methods delenda est
Попытка исправить проблемы безопасности при наследовании типов от некоторых нативныхJS типов. Это важно также ввиду необходимости продвижения пропозала Realms. Очень сложный и очень важный пропозал. Когда (если) найду время, то отдельно распишу всё, что касается Realms и около

Symbols as WeakMap keys
Возможность использовать Symbol в качестве ключа в WeakMap

Поддержка недостающего ES2018 пропозала RegExp named capture groups также добавлена в Firefox.

https://bugzilla.mozilla.org/show_bug.cgi?id=1362154

Теперь Firefox 78 Nightly проходит все тесты таблицы совместимости для ES2016-ES2020 пропозалов.
Дисклеймер: таблица совместимости не покрывает все тесты из набора test262, поэтому 100% в столбцах таблицы не обязательно означает 100% совместимости на самом деле.

Оказывается у Chrome не только проблемы с памятью, а ещё и проблемы с безопасностью от этого.

А вообще статья интересна также и предложенными способами решения. Советую ознакомиться и с оригиналом.

https://www.opennet.ru/opennews/art.shtml?num=53019

Поучаствовал в Podlodka Podcast, рассказал о #WebAssembly. Кажется там было несколько неточностей ближе к концу (усталость, извиняйте), но в целом надеюсь, что получилось круто и должно быть интересно! :)

Podlodka #165 – WebAssembly

Если JS убьет все языки, а Wasm убьет JS, то что нам останется? Вместе с Сергеем Рубановым разобрались откуда родилась идея технологии, обсудили технические детали и что ждет Wasm в будущем. Кажется, WebAssembly может вдохнуть новую жизнь в браузеры, потому что уже сейчас начинает уверенно занимать нишу тяжелых вычислений на стороне клиента в браузере. А в списке компаний, уже сейчас использующих Wasm, можно встретить и Zoom, и Unreal, и EOS, и eBay!

Сайт: https://podlodka.io/165
Soundcloud: https://bit.ly/3d4it98
iTunes: https://apple.co/2vCBRcs
Я.Музыка: http://bit.ly/38yDJBz

Поддержи лучший подкаст про IT: www.patreon.com/podlodka

Статья с анализом производительности небезызвестного Notion от Ивана Акулова, из которой можно почерпнуть что-нибудь полезное.

Ю-ху, вышла новая большая кейс-стади про перформанс Notion-а!

Разбираемся, как ускорить запуск Реакт-приложения на ~30%, просто подтюнив конфиги и отсрочив часть кода.

Внутри:
— как переход на СommonJS-модули может (внезапно) ускорить инициализацию бандла
— как находить и удалять неиспользуемые зависимости
— как откладывать аналитику до полного запуска приложения (и почему requestIdleCallback тут не подходит)
и ещё много чего.

→ https://3perf.com/blog/notion/

Вышла Node.js 12.17.0. Основные изменения:
- флаг --experimental-modules был удалён и теперь ECMAScript модули можно использовать без него. ESM всё ещё остаются экспериментальной фичей. Ожидается, что её стабилизируют в конце октября с выходом Node 14 LTS.
- экспериментальная поддержка AsyncLocalStorage API
- в REPL теперь доступно превью автодополнения и некоторые операции для работы с текстом
- EventEmmiter теперь может отлавливать исключения через специальный символ EventEmitter.errorMonitor
- необработтаные исключения теперь можно мониторить без переопределения стандартного поведения с выходом из процесса
- новый метод и мелкие улучшения встроенного модуля fs
- конструктор Console теперь поддерживает настраиваемые отступы для групп
- опция для настройки максимального количества видимых символов при выводе строк в консоль
- N-API 6
- отчеты диагностики перешли в статус стабильной фичи
- стандартное значение таймаута заголовков было увеличено до 60 секунд, чтобы соответствовать значениям таймаутов популярных AWS ELB и прочих сервисов

Полный список изменений:
https://nodejs.org/en/blog/release/v12.17.0/#increase-of-the-default-server-headers-timeout

Новая статья в блоге JavaScript движка V8 о mark’n’sweep сборщике мусора Oilpan для управления памятью в С++. Он используется в основном для сборки DOM объектов в Blink (ренденр движок Chromium), но скоро также будет интегрирован с V8. Oilpan умеет работать инкрементально и конкурентно. Его внедрение в Chrome 78 позволило ускорить сборку мусора на 25-50%. Ожидается, что некоторые ближайшие изменения позволят улучшить эти показатели ещё сильнее.

https://v8.dev/blog/high-performance-cpp-gc

CSS спецификация Box Sizing Module Level 4 перешла в статус First Public Working Draft. В сравнении с Level 3, в новой версии добавлены новые ключевые слова stretch, fit-content, contain для свойств размеров, а также добавлены свойства aspect-ratio и contain-intristic-size.

Google собираются провести онлайн мероприятие для веб разработчиков web.dev/live. Оно пройдёт с 30 июня по 2 июля. В программе достаточно много тем, советую ознакомиться самостоятельно.

Доктор Axel Rauschmayer написал статью с обзором JavaScript пропозала Records and Tuples (stage 1), добавляющего новые иммутабельные типы.

Вышел Babel 7.10.0. Среди нововведений:
- поддержка пропозала Ergonomic brand checks for Private Field (stage 1)
- совместимая с ES2015 поддержка экранирования символов
- улучшения поддержки optional chaining (ES2020)
- поддержка module attributes (stage 1) парсером
- улучшенный три-шейкинг для React
- парсинг import.meta (ES2020) включен по умолчанию
- поля классов (stage 3) добавлены в shippedProposals, так как начинают появляться в браузерах
- новая архитектура для поллифилов. Теперь как альтернативу core-js можно использовать набор полифиллов из es-shims

Adobe выпустили имплементацию своей дизайн системы Spectrum на веб компонентах и LitElement.

https://opensource.adobe.com/spectrum-web-components/

Stack Overflow представили результаты опроса The 2020 Developer Survey.

Самые любимые языки среди опрошенных разработчиков (в скобках указано относительное количество разработчиков, которые разрабатывают на языке и хотят продолжить его использовать):
- Rust (86.1%)
- TypeScript (67.1%)
- Python (66.7%)
- Kotlin (62.9%)
- Go (62.3%)
- Julia (62.2%)
- Dart (62.1%)
- C# (59.7%)
- Swift (59.5%)
- Javascript (58.3%)

DevOps инженеры — самые высокооплачиваемые.

Коротко: https://stackoverflow.blog/2020/05/27/2020-stack-overflow-developer-survey-results/
Полные результаты: https://insights.stackoverflow.com/survey/2020

Лучшие практики для измерения метрик Web Vitals от инженеров Google.

https://web.dev/vitals-field-measurement-best-practices/

Что нового добавится в Web Animations API в Chromium 84 (релиз 14 июля).

https://web.dev/web-animations/