Pull to refresh
0
Karma
0
Rating
Агафонов Владимир @Serator

Пользователь

  • Followers 1
  • Following 1

Последствия переписывания компонентов Firefox на Rust

А если открыть инструменты разработчика, то сразу становится понятно, что узкое место в демке — перерасчет стилей. Казалось бы, как здесь может помочь WebRender?..

prnt.sc/n47kkv — Chrome
prnt.sc/n47m4r — Firefox с включенным WebRender'ом

Как работать с async/await в циклах JavaScript

Есть предложение для будущей реализации: github.com/tc39/proposal-promise-allSettled.

Microsoft официально подтвердила, что Edge переходит на движок Chromium

mozillagfx.wordpress.com — хороший блог, где описывается процесс развития WebRender'а. Пока проект только пилится, разработчики решили ограничить число поддерживаемых карт, ОСей и т.п.

Microsoft официально подтвердила, что Edge переходит на движок Chromium

Я на 4k смотрю и все сильно хуже именно на этой станице, но это, как надеются сами разработчики, временно. Когда кеширование допилят, то и здесь все ок будет.

Выше много писали, что сейчас невозможно создать новый браузер и т.п. Mozilla же в случае с WebRender не браузер новый создает, а пробует совершенно новый подход к отрисовке, без этих костыльных и неудобных слоев на каждый чих. Если это решение окажется еще и быстрее существующего подхода, то, с точки зрения разработчика, это будет неоспоримое преимущество. Правда, обычному пользователю будет все равно, так как сейчас, по сути, все браузеры достаточно быстрые.

Microsoft официально подтвердила, что Edge переходит на движок Chromium

Проверьте на всякий about:support#graphics-features-tbody. В графе «Композитинг» должен стоять «WebRender». Насколько я знаю, подобные страницы все еще представляют большую проблему для WebRender'а из-за того, что при прокрутке он пытается на каждое смещение отрисовать всю сцену целиком. С отключенным WebRender'ом эта страница отрисуется как вы и описали (правда, у меня Chrome быстрее), но вот с включенным браузер намертво подвисает на секунды.

Microsoft официально подтвердила, что Edge переходит на движок Chromium

about:config > «gfx.webrender.all». Нет, его еще не включили в стабильной версии.

Microsoft официально подтвердила, что Edge переходит на движок Chromium

Не все так радужно. Попробуйте diana-adrianne.com/purecss-francine открыть с включенным WebRender. Fx будет очень тяжко переваривать и так при каждом сдвиге прокрутки. Но WebRender еще не в релизе, так что посмотрим, что будет в конце, самому интересно увидеть.

Ребята, давайте жить дружно или о поле «Пароль» при регистрации

Сама карта уже ключём является. Для входа в банковское приложение также понадобится пароль, двухфакторная аутентификация и т.п.

Аналоговые часы, CSS и ничего больше

Мои доводы касались тех проблем, решение которых описывалось в статье. Речь шла о производительности, а не о поддержке IE. Если бы все описывалось в контексте обратной совместимости, то мне это было бы неинтересно, так как, благо, под IE уже давно не пишу.

Про то, как работают браузеры (хоть открытые, хоть закрытые), написано множество статей + море информации можно найти в исходниках (не у всех открыты), багтрекерах, инструментах разработчика и прочем.

60 вызовов — это к тому, что штуки вроде `requestAnimationFrame`, CSS animation / transisition.., как раз и ограничиваются этими 60-ю кадрами, то бишь 60-ю перерисовками. Если transform отправляет что-то на GPU, а инструменты разработчика Chrome'а не показывают перерисовки, то это вовсе не означает, что ничего не происходит. Картинка-то на экране меняется. Вот как раз с потолком в 60FPS и меняется. А Paint flashing (зеленый прямоугольник) этого и не покажет.

Аналоговые часы, CSS и ничего больше

Ваше утверждение немного неверно. 60fps — этакий стандарт для браузера. Соответственно, 60 вызовов функции перерисовки внутри браузера. Но суть не в этом. Я пока отброшу второй абзац вашего ответа, так как, если основываться на нем, то переменных (пользовательских свойств) CSS вообще быть не может, так как нет поддержки. В оригинальной статье автор обновлял DOM не только с целью проброски CSS переменных, но и с целью обновления данных для доступности, чего у вас уже нет. Для глаз это погоды не делает, а вот для слуха очень даже (по сему поводу чистая теория, так как нет желания проверить). Идем дальше. Ваш код создает отдельный слой и крутит его. И этот слой висит постоянно из-за анимации и не объединяется с другими слоями (http://prntscr.com/ir5mc8), посему вы не видите перерисовки. Такая «магия» дается не бесплатно, на нее выделяется память, что, как бы, тоже ресурс системы. Выше вам уже писали про «волшебное» свойство `will-change`, которое может сделать тоже самое для решения из оригинальной статьи. Добавьте `transition` и увидите теже 60FPS (появится постоянная перерисовка). Ну а если учесть
Так как часы отсчитывают время CSS-ом, то если забить тред какими-то тяжёлыми заданиями — часы перестанут идти и когда страница освободится — будут отставать. Но все это можно поправить заново задав keyframe.
то получается, что нам нужно точно так же пробрасывать в DOM кучу стилей не реже, чем раз в секунду. Так в чем профит-то? IE11?

И про загадочные 50.2FPS все тоже просто и понятно. Если открыть счетчик FPS на оригинальных часах, то там будет 1FPS (логично же, 1 перерисовка всего, но, на самом-то деле, это тоже может варьироваться, так как процессор можно нагрузить так, что будет 0FPS). На вашем же скрине видно, что включена настройка отображения перерисовок (зеленый прямоугольник), которая сама по себе вызывает перерисовку, так как этот самый зеленый прямоугольник появляется / исчезает плавно. Вот и FPS проседает (а проседает ли? :)).

Аналоговые часы, CSS и ничего больше

Поддерживаю. В статье изложены неверные выводы. Переменные вообще никак к отрисовке не относятся и сами по себе ее не вызывают. Просто в одном варианте часов отдельный слой создается при каждом сдвиге стрелки, а во втором варианте слой существует постоянно.
Для плавности же можно просто добавить тех же стилей вроде `transition: 1s linear;`. В итоге код в статье сильно усложнился / запутался, а прибавилось только минусов. %)

Очерки истории CSS

Обратная совместимость + возможность указывать запасные значения, аля

padding: var(--grid-size, var(--grid-gap), 10px);


Так и вышло. :)

Clips и Pixelbook — новые устройства Google с Intel Inside

Так i5 i5-ому рознь. Посмотрите характеристики тех процессоров. :) А приложений и в сети сейчас хватает, к примеру, Figma для редактирования векторной графики вполне себе требовательна и прочие. Ну и если у вас имеются средства, а задачи только офисные, то будет плюс в меньшем количестве тормозов, быстром запуске и подобном.

Clips и Pixelbook — новые устройства Google с Intel Inside

Так можно готовый с Win на борту взять и более вкусный, но без буковки G. К примеру, Dell XPS.

Dell XPS 13 9365: лёгкий трансформер на каждый день

Пользуюсь старшей моделью 9550 уже ~ 1.5 года, никак подобных шумов не замечал. Только кулер шуршит, что, собственно, не раздражает.

Dell XPS 13 9365: лёгкий трансформер на каждый день

Так 15'' DELL XPS без цифровой клавиатуры идет же.

Divoom TimeBox: настольный bluetooth-динамик с пиксельным дисплеем

Я брал его дешевле еще в те времена, когда они выходили на Kickstarter. И, да, он стоит своих денег. ;)

Прокрутка в вебе: букварь

В Chrome'е уже давно имеется подобный инструмент

image

Information

Rating
Does not participate
Location
Ростов-на-Дону, Ростовская обл., Россия
Date of birth
Registered
Activity