CSSの大きな（約170Kb）文字列を<style>ブロックに動的に追加しています。@ font-familyルールにbase64でエンコードされたフォントが多数含まれているため、大きくなります。
これを行うのにかかる時間はブラウザによって異なり、モバイルでは特に遅くなります。その時間の大部分で何が起こっているのか興味があります。遅いのはブラウザがbase64文字列をデコードしているのですか、それともフォントを解析、適用、画面にペイントしているのですか？
ブラウザが実行している可能性のあること、またはChromeや他のブラウザでその低レベルでプロファイリングを行う方法について誰かが洞察を持っていますか？