немного подзаебался, но результатом доволен.

была проблема со шрифтами. они "плыли" радугой как будто разводы на лужах. особенно это касалось серых оттенков на тёмном фоне. как например на данном сайте.

по итогу решил эту проблему. заодно узнал много нового. спешу поделиться инфой.

как известно, в хромиумах давно уже используется растеризация - преобразование векторной графики в растровую. для этого используется GPU инструкции так как они объективно более шустрые.

причём происходит это в 2 этапа. сначала процессор обрабатывает страничку, а после он посылает результат вычислений на GPU чтобы произвести вывод. при этом при включённой GPU растеризации часть вычислений отдаётся GPU и тут кроется одна проблема, связанная в основном с текстом и его тображением.

дело в том, что любые изображения на GPU это треугольники. соответственно создаются текстуры, после чего они выводятся каждая на своём слое. и вот тут возникает основная проблема. тогда как CPU прекрасно обсчитывает наложение слоёв с полупрозрачностью, это хуёво реализовано в хромиумах, о чём знают разработчики, которые сами говорят, что да GPU растеризация чуть быстрее (что незаметно на современных CPU, но менее качественная). и это действительно так. я в этом убедился лично.

итак, что же надо сделать, чтобы решить проблему с текстом. всё очень просто. достаточно зайти во флаги edge://flags ввести gpu и отключить GPU растеризацию. после чего у вас в edge://gpu изменится поле Rasterization - Software only.. что конечно же не Software, а просто обсчитывание в 1 этап вместо двух только на CPU. при этом все видео или игры, всякие canvas приложения типа карт по-прежнему буду обсчитываться на GPU. только html контент будет полностью обсчитываться CPU.

бонус:

сюда

>C:\ProgramData\Microsoft\Windows\Start Menu\Programs

кидаем предварительно созданный батник с таким содержимым:

>"C:\Program Files (x86)\Microsoft\Edge\Application\msedge.exe" --num-raster-threads=1 --enable-native-gpu-memory-buffers --disable-low-res-tiling --gpu-rasterization-msaa-sample-count=0 --enable-direct-composition-video-overlays --enable-hardware-overlays --disable-software-rasterizer

на этот батник мы через свойства ярлыка ссылаемся как на пике 4. и уже этот ярлык для удобства можно прикрепить на панель задач. важно открепить прошлый ярлык сначала.

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

вкратце поясню за параметры

-num-raster-threads=1 - т.к. мы не используем GPU растеризацию, нам не нужны потоки растеризации для работы с GPU. по умолчанию там 2 потока. то есть CPU делит пополам предполагаемую работу и отправляет на GPU задачи. мы же вычисляем всё на CPU и на GPU просто выдаём конечный результат для простого вывода. ставя 1 поток мы тупо экономим ресурсы. причём крайне заметно.

--enable-native-gpu-memory-buffers - сильно упрощает вывод готового изображения, т.к. используется буферизация на GPU вместо регулярной подгрузки с RAM. например при быстрой переключении вкладок можно заменить при включении, что отображение вкладок стало моментальным. с выключенным тяжёлые вкладки при быстром переключении могут как бы подлипать.

--disable-low-res-tiling - очень крутая опция. страница разбивается на тайлы (прямоугольные области считай) и когда мы мотаем страницу вниз например сначала браузер подгружает low-res тайлы, на что тратится ресурсы вычисления и уже после они заменяются на hi res тайлы. вот только общее время рендеринга увеличивается из-за лишних вычислений. эти вычисления можно отключить. в худшем случае вместо low res тайлов вы просто при очень быстром скроллинге на слабом железе можете увидеть белые области, чего я лично не видел. а снижение нагрузки огромное. примерно в 1.5 раза.

--gpu-rasterization-msaa-sample-count=0 - отключает мыло, которое может негативно сказываться на том же выводе текста. так как мы перевели нашу растеризацию и композитинг странички на CPU нам не нужно использовать MSAA в принципе. это сглаживание для видеокарт. кстати если вы всё же предпочтёте GPU растеризацию, то отключать msaa наоборот не следует. но в нашем случае ставим 0.

--enable-direct-composition-video-overlays --enable-hardware-overlays - эти параметры можно не использовать в нашем случае, но их крайне желательно использовать при GPU растеризации. т.к. они как раз частично решают проблемы полупрозрачности и я их оставил по этой причине. раньше, когда я не знал что можно просто отключить GPU растеризацию, я искал решение через оверлеи (наложения) и это немного улучшало ситуацию, хотя не до конца. и поэтому я просто решил оставить эти параметры на случай если решу снова врубить GPU растеризацию. но пока такого желания нет. вы можете не использовать эти параметры, если они вам мешают. на CPU растеризацию они не влияют, т.к. параметр --enable-hardware-overlays проверяет есть ли аппаратная поддержка оверлеев и использует её только в том случае, если она поддерживается.

--disable-software-rasterizer - ещё один опциональный параметр на случай если захочется вернуть GPU растеризацию. дело в том, что это просто освободит ресурсы когда включена аппаратная растеризация на GPU. в этом случае не будет дублирования вычислений. в нашем случае это не влияет, т.к. у нас итак нет дублирования. мы не выполняем дополнительные вычисления на GPU. GPU мы используем только там, где это действительно эффективно - в видосах, в интернет приложениях и играх, в графике где используется canvas. а там где нужно качественно вывести текст, мы применяем CPU вычисления и только.