Some unicode symbols causes fps drop #8335
Description
Summary
When visiting my site, i has a low framerate, and scrolling down away from unicode art framerate is stabilizes.
Unicode symbols that affected: U+2588 , U+2591. So i assume is U+2500+ is affected.
Operating system
Linux
Steps to reproduce
- Visit https://yokai.digital
- scroll down
- scroll up
and see how changes performance
Expected behavior
Standart performance without drops.
Actual behavior
Performance drop when unicode symbols is visible.
URL for a reduced test case
HTML/SVG/etc. source for a reduced test case
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>deadYokai</title>
<meta name="description" content="deadYokai (きつne) — Ukrainian music producer, Linux user, hardware tinkerer.">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<link rel="canonical" href="https://yokai.digital/">
<meta property="og:title" content="deadYokai — きつne">
<meta property="og:description" content="Ukrainian music producer · Linux user · Hardware tinkerer">
<meta property="og:type" content="website">
<meta property="og:url" content="https://yokai.digital/">
<meta name="twitter:title" content="deadYokai — きつne">
<link rel="stylesheet" href="/style.css">
</head>
<body>
<div id="splash">
<div class="boot-line">
Initializing hardware ........................ OK
</div>
<div class="boot-line">
CPU: x86_64 architecture detected ............ OK
</div>
<div class="boot-line">
RAM check: 16384 MB .......................... OK
</div>
<div class="boot-line">
Loading Linux kernel ......................... OK
</div>
<div class="boot-line">
Mounting filesystems ......................... OK
</div>
<div class="boot-line">
Starting session: deadYokai .................. OK
</div>
<div class="boot-bar">
<div class="boot-bar-fill"></div>
</div>
<div class="boot-ok">
[ WELCOME BACK ]
</div>
</div>
<div id="screen">
<div class="vignette"></div>
<div class="flicker"></div>
<div class="terminal">
<div class="topbar">
<span>terminalOS</span> <span class="hostname">きつne</span> <span id="ts"></span>
</div>
<pre class="logo">
█████ █████ █████ █████ █████ ███
░░███ ░░███ ░░███ ░░███ ░░███ ░░░
███████ ██████ ██████ ███████ ░░███ ███ ██████ ░███ █████ ██████ ████
███░░███ ███░░███ ░░░░░███ ███░░███ ░░█████ ███░░███ ░███░░███ ░░░░░███ ░░███
░███ ░███ ░███████ ███████ ░███ ░███ ░░███ ░███ ░███ ░██████░ ███████ ░███
░███ ░███ ░███░░░ ███░░███ ░███ ░███ ░███ ░███ ░███ ░███░░███ ███░░███ ░███
░░████████░░██████ ░░████████░░████████ █████ ░░██████ ████ █████░░████████ █████
░░░░░░░░ ░░░░░░ ░░░░░░░░ ░░░░░░░░ ░░░░░ ░░░░░░ ░░░░ ░░░░░ ░░░░░░░░ ░░░░░</pre>
<div class="prompt">
<span>[kitsune@yokai ~]$</span> cat about.txt
</div>
<h1>きつne</h1>
<div class="tagline">
// ALSO KNOWN AS deadYokai · UKRAINE · HE/HIM //
</div>
<div class="about-lines">
<span class="al">From Ukraine</span>
<span class="al">Linux user</span>
<span class="al">Age: ~23 yo</span>
<span class="al">he / him</span>
<span class="al">Music prod & art — LMMS, Vital, GIMP, Darktable, Blender</span>
<span class="al">INTP-T</span> <span class="al">Social anxiety disorder</span>
<span class="al">Mostly constant DPDR</span>
<span class="al">Trying hardware hacking</span>
<span class="al muted">Ibuprofen enjoyer</span>
<span class="al muted">Broke</span>
<span class="al muted">Tired</span>
<span class="al muted">Alone / Single / Lonely (choose as you wish)</span>
</div>
<hr class="divider">
<div class="section-label">
Tools & Tech
</div>
<div class="grid">
<div class="chip">
Linux
</div>
<div class="chip">
LMMS
</div>
<div class="chip">
Vital Synth
</div>
<div class="chip">
GIMP
</div>
<div class="chip">
Darktable
</div>
<div class="chip">
Blender
</div>
<div class="chip">
Hardware Hacking
</div>
<div class="chip">
GitLab / GitHub
</div>
</div>
<hr class="divider">
<div class="section-label">
Music
</div>
<ul class="contact-list">
<li>
<span class="lbl">YouTube Music</span><a target="_blank" href="https://music.youtube.com/channel/UCAQqGxKc3S-7LWYh-4r5Qng">music.youtube.com → きつne</a>
</li>
<li>
<span class="lbl">Spotify</span> <a target="_blank" href="https://open.spotify.com/artist/7CGTyAeNnX86N9UhdN0gax">open.spotify.com → きつne</a>
</li>
<li>
<span class="lbl">Deezer</span> <a target="_blank" href="https://www.deezer.com/artist/314455171">deezer.com → きつne</a>
</li>
<li>
<span class="lbl">Apple Music</span> <a target="_blank" href="https://music.apple.com/us/artist/%E3%81%8D%E3%81%A4ne/1805827008">music.apple.com → きつne</a>
</li>
<li>
<span class="lbl">Audiomack</span> <a target="_blank" href="https://audiomack.com/deadyokai">audiomack.com/deadyokai</a>
</li>
</ul>
<hr class="divider">
<div class="section-label">
Social & Other
</div>
<ul class="contact-list">
<li>
<span class="lbl">Mastodon</span> <a target="_blank" rel="me" href="https://mastodon.social/@deadYokai">@deadYokai@mastodon.social</a>
</li>
<li>
<span class="lbl">Patreon</span> <a target="_blank" rel="me" href="https://www.patreon.com/c/MyNameIsKitsune">patreon.com/MyNameIsKitsune</a>
</li>
<li>
<span class="lbl">GitLab</span> <a target="_blank" href="https://gitlab.com/deadYokai">gitlab.com/deadYokai</a>
</li>
<li>
<span class="lbl">GitHub</span> <a target="_blank" href="https://github.com/deadYokai">github.com/deadYokai</a> <span class="note">(low activity)</span>
</li>
<li>
<span class="lbl">Support 🇺🇦</span> <a target="_blank" href="https://send.monobank.ua/jar/9oVcUiHxPd">monobank.ua → send jar</a>
</li>
</ul>
<hr class="divider">
<pre class="art">
########################################################################################################################################################################################################
########################################################################################################################################################################################################
###+======================================================+*- .#+=+==================================================+###
###******************************************************- :#***************************************************###
###***************************************************# ##************************************************###
###+++++++++++++++++++++++++++++++++++++++++++++++++= +#++++++++++++++++++++++++++++++++++++++++++++++###
###++++++++++++++++++++++++++++++++++++++++++++++*+ +#=+++++++++++++++++++++++++++++++++++++++++++###
###=++++++++++++++++++++++++++++++++++++++++++++# *#+=+++++++++++++++++++++++++++++++++++++++=###
###+++++++++++++++++++++++++++++++++++++++++++# #*++++++++++++++++++++++++++++++++++++++++###
###*****************************************#+ -#***************************************###
###++++++++++++++++++++++++++++++++++++++++# #*+++++++++++++++++++++++++++++++++++++###
###+++++++++++++++++++++++++++++++++++++++# *#=+++++++++++++++++++++++++++++++++++###
###+++++++++++++++++++++++++++++++++++++*+ =#+++++++++++++++++++++++++++++++++++###
###++++++++++++++++++++++++++++++++++++#: :#++++++++++++++++++++++++++++++++++###
###***********************************# .#*********************************###
###**********************************#. .#********************************###
###+++++++++++++++++++++++++++++++++#. -#+++++++++++++++++++++++++++++++###
###=++++++++++++++++++++++++++++++=#: +#+=+++++++++++++++++++++++++++=###
###+++++++++++++++++++++++++++++++#+ ##+++++++++++++++++++++++++++++###
###******************************#* + ##****************************###
###******************************# . .==+== -#****************************###
###+++++++++++++++++++++++++++++# -==-==-==+= . ##+++++++++++++++++++++++++++###
###=++==+++++==++=+++++++==+=+=#* -==#+==###=- + + .#*+++=++++++++=++++=+==++++=###
###==========================+*# :--########*= =: = ##==========================###
###+++++++++++++++++++++++++++#: . ::*#########- -- == .#*+++++++++++++++++++++++++###
###**************************## : -:###########: .=- *# ##*************************###
###++++++++++++++++++++++++++#. . :############: .#-. ## = -#*++++++++++++++++++++++++###
###=++++++++=+=+++++++=+=++=## : :############= =##- ##= == ##=+==+=+++=+++++++++=+++=###
###=+++=+++++++=+=++=++++++=#- : -############# ###- ### =# ##=++=+=++++==+++==+++++++###
###+=======================*# .############# ###- ### = - +# * =#*======================+###
###************************## . :############# ###+ ### =# :+ *#. * :* ##***********************###
###************************#= . :############# #### -###. ###. ## ##* *#: *#. ##***********************###
###++++++++++++++++++++++++# ############# #### :- ####=-#### ##+########- .### +### ##* ##+++++++++++++++++++++++###
###+++++++++++++++++++++++## .# .#############=####:-##- -####*###############*+=- -**#:####. ### ##+=+++++++++++++++++++++###
###+======================## . :#*.#######################################. .=#. ##*=====================+###
###++*+**+*++++++++*++++**## . . * -- -##################################################*###* .+ *##*++++++*++++++++++*+++###
###***********************## :- :. .=*##################################################################### *##**********************###
###+++++++++++++++++++++++## -#: .##################################################+=############################ ###++++++++++++++++++++++###
###=======================##: - .::.-###########*=-+##################################*########+--+*################# ##*==+===================###
###++==++====+=+=+===++===*#* =###.:##########################################################= ..:.. +#########. ##*=====+===========+==++###
###++++++++++++++++++++++++## -#################+############################################-+###--=-==+-=-+:#+ *######- #- ##*++++++++++++++++++++++###
###*#**#**#*******#***#*#**## -############: .#####* +#######################################:===-= ==-+-=###- .#######* .##**#******##*#**********###
###************************##: =########* -----*#-=############################################.-==-=-=-=-=-=*### +#######* +##*+*******************+*###
###++++++++++++++++++++++++*## -###### .+-=-========--############################################- . ..:.::-:-*+-*#########* ###+++++++++++++++++++++++###
###+++++++++++++++++++++++++## :#### ###--===-- ---==- #########################################################%%###%#######-* ##*+++++++++++++++++++++++###
###+++++++++++++++++++++++++##- ++++#+ #####--=----==- :*######################################################################## *** ###++++++++++++++++++++++++###
###**************************## ++###########-:-- :############################################################################### *** ###************************###
###**************************##. **########*####################################################################################### *** =*. :##*************************###
###++++++++++++++++++++++++++### + **###############################################################################################* *****= *##+++++++++++++++++++++++++###
###+++++++++++++++++++++++++++## ***+ *################################################################################################= +**- ##*+=+++++++++++++++++++++++###
###=++=+++=+=++====+++=+++++++### #***#** *################################################################################################- =**.:*: =##+++=++++++=++++=+++====+++###
###+++++++++++++++++++++++++++*## **+*+*+*+**###############################################################################################. -** *+ ###++++++++++++++++++++++++++###
###****************************### *#**+*+*:*+############################################################################################### :** + ###***************************###
###+++++++++++++++++++++++++++++##. .********:**############################################################################################## *= :###+++++++++++++++++++++++++++###
###+==========================++### ***+*=*+-+*+############################################################################################# ###===========================+###
###+++++++=++++=+=++++=+=+=+====+##- ****+.+* #+*################################################=##########################################% *##+++=++==+++++++=+++++=+++==++###
###++++++++++++++++++++++++++++++*## ##***-.*#***##########################################################################################% ###+++++++++++++++++++++++++++++###
###*******************************##= **+*=*+*+*=*#########################################################################################= ##******************************###
###********************************## **+**#**+:*#######################################################################################* ##******************************###
###+===============================##- **+#+*+* *##################################################-##################################* ##+=============================###
###=+++++++++++++++++++++++++++++++*## +++++= =################################. .:-+*##%%########################################* .##+++++++++++++++++++++++++++++=###
###=================================## *#################################################################################+ ###=============================+###
###*********************************### # =*##############################################################################. ###******************************###
###**********************************## ### :+#%########################################################################## +###*******************************###
###++++++++++++++++++++++++++++++++++##=++###. +=########################################################################* -####*+++++++++++++++++++++++++++++++###
###+++++++++++++++++++++++++++++++++++#+++=###: +=*#################################################################### ####=++++++++++++++++++++++++++++++++###
###++++++=+===+=+++++=+++==+++=+=+======+++=### :++*##############################################################%* ##+++++==+++==+==+=+++=+===+==+++==++###
###++++++++++++++++++++++++++++++++++++++++++### ==+##########################################################% =##+++++++++++++++++++++++++++++++++++###
###*******************************************## .+=###################################################### ###***********************************###
###+++++++++++++++++++++++++++++++++++++++++++*#: .++*############################################### ##*+++++++++++++++++++++++++++++++++++###
###++++++++++++++++++++++++++++++++++++++++++++#. : +-+########################################=.- *##++++++++++++++++++++++++++++++++++++###
###+++++++++++++++++++++++++++++++++++++++++++=#. -= .:*=*##############################%## +#** ###++++++++++++++++++++++++++++++++++++###
###++++++++++++++++++++++++++++++++++++++++++++#+ ## .:::::*=*#########################:-*#**#** .##+++++++++++++++++++++++++++++++++++++###
###********************************************##*## . .:..::.:: ==*#%###############.=+**+*#**#** ###*************************************###
###********************************************##*##. # % .:..::.::.:-::.:+*######+ .++=++++*+**+*#** *# ##**************************************###
###++++++++++++++++++++++++++++++++++++++++++++*+++## -##* ##. # :..::.:::--:----=======+=+++++*+**+*#####+ *###. *######*##. *##++++++++++++++++++++++++++++++++++++++###
###++=++==++===+++==++++=======++======+==+===++=++###+####=###- =##- * . :..::.::.:-:-=--==-====+==+++*++#########+#################=*# ###++=++===+++==+===+=++++===+==+===+=+++###
###+++++++++++++++++++++++++++++++++++++++++++++++++#*=+*##++####+#### ## *+ #####-.::.:-:-=---=-====+==++#############+###*+++#####=+++++++ =##+++++++++++++++++++++++++++++++++++++++###
###*++++++++++++++++++++++++++++++++++++++++++++++++**++++#*++###++#############. ############*-=--====+==*#################*##+++++++#***++++++= ###*+++++++++++++++++++++++++++++++++++++*###
###******************************************************************######*##*## ##################%########################******************* .##****************************************###
###++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*+++*++##*########################################### ++++++++++++++++++ ###++++++++++++++++++++++++++++++++++++++++###
###+=++++++==+++====+++=++=++=+====++===++==+====++==+=+==++++===+++===++==+=+++*.############################################++===++++===+=+==+= :##*+=+=+==+=+++===+====++=+===+++==+=+====+###
###+++++=++++++++++++=+++++=++++++=+==+=++==++++++++==+++=+=+++++++=+=+++++===++++#######%##################################### ++++++++===+++++= ###=++++++=+++=++==++=++=+++=+++++++++=+++++###
###+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ #############################################%#:+++++++++++++++: .##*+++++++++++++++++++++++++++++++++++++++++###
###***************************************************************************-.#################################################:************** ###******************************************###
###+**********************************************++++++****+***+****+*+*+ =###.##################################################.*+*****+***** .##**+***************************************+###
###+========================================+=+==+=: .*# ======-:. .-#%############################################################# =+========= ###==========================================+###
###++++++++++++++++++++++++++++++++++++===+-.:*##########*############################################################################*.+=+++++- -##*+++++++++++++++++++++++++++++++++++++++++++###
###+=============================+=++- -#################.###############################################################################%.-=+=. ###===========================================+###
###******************************+ ** ################### ####################################################################################- *##*********************************************###
###****************************-=****-###################.####################################################################################% *##*********************************************###
###++++++++++++++++++++++++++ ##++****###################=##################################################################################### ##### .++++++++++++++++++++++++++++++++++++++++++###
###=+++++++++++++++++++++++ ###%#++***=##################*############################-+######################################################. -##########-.+++++++++++++++++++++++++++++++++++++###
###=++++++++++++++++++++= ########++**:###################*################*=:. .=####################################*:###################### #############==++=+++++++++++++++++++++++++++++++=###
###++++++++++++++++++++=*#########*=##.###################=###==#%############################################################+. =%#%######### ##############**##.:+++++++++++++++++++++++++++++++###
###******************* ############=**.###################.###########################################################################*=#####- =###############+****** ****************************###
###++++++++++++++++++:#############=**.################### ################################################################################## ################-**++*****.+++++++++++++++++++++++++###
###==============+++-##############=*#-###################.################################################################################## #################.##=####+###*.======================###
###+++++++++++++++=:###############=**=####################.%###############################################################################. ################## ***########*** ++++++++++++++++++++###
###+++++++++++++++.################=***###################### ##%##########################################################################% *################## ***############* ++++++++++++++++++###
###************#* #################=*+######################### %########################################################################## -###################:#*################=****************###
###*************=#################*=*:########################### #######################################################################-* :####################=****############### ***************###
###+++++++++++++-#################+=* #############################-+################################################################## ## :#####################****+################:++++++++++++++###
###+++++++++++=.##################++*:################################ ############################################################% ####+:#######################+**+#################:+++++++++++++###
###++++++++++=#+##################+**+##################################:*######################################################* #######+########################-+***#################.++++++++++++###
### ###
### ###
### ###
### *####: #################### :####################* ##################: +################: .#####. #####% ###
### *####: #################### :####################* :##################### +##################: .#####. ###### ###
### *####: #################### :####################* :##################### =####################: .#####. ###### ###
### *####: ##### .####* -####+ .##### -######## #####: .#####. ###### ###
### *####: ##### .####* :####+ ######% #####: .#####. ###### ###
### *####: ################### .####* :################### #####: #####: .#####. ###### ###
### *####: ################### .####* :####################+ #####*++++++++++++#####: .#####. ###### ###
### *####: ################### .####* .#################### #######################: .#####. ###### ###
### *####: ##### .####* .##### #######################: .#####. ###### ###
### *####: ##### .####* :####+ .##### #####: #####: .#####. ###### ###
### *########*##########. #####**############# .####* -###############*##### #####: #####: .###################### #######*##*###########+ ###
### *###################: #################### .####* :##################### #####: #####: .###################### ######################* ###
### *###################: #################### .####* :##################+ #####: #####: .###################### ######################* ###
### ###
### ###
### ###
### =++++ =+++++++++++++++++ +++++ ++++- +++++++++++++++++++- ##### ##############* *#### ###### ##### ###
### =++++ ++++++++++++++++++++. +++++ ++++- +++++++++++++++++++- ##### ################* *#### ####### ##### ###
### =++++ ++++++++++++++++++++. +++++ ++++- ++++=++++++++++++++- ##### +#################* *#### ######## ##### ###
### =++++ ++++= :++++. +++++ ++++- +++++ ##### .####### ####* *#### #########= ##### ###
### =++++ ++++= :++++. +++++ ++++- +++++ ##### ###### ####* *#### ########### ##### ###
### =++++ ++++= :++++. +++++ ++++- ++++++++++++++++++: ##### ##### ####* *#### ##### ###### ##### ###
### =++++ ++++= :++++. +++++ ++++- ++++++++++++++++++: ##### #####===========####* *#### ##### *#####: ##### ###
### =++++ ++++= :++++. +++++ ++++- ++++++++++++++++++: ##### ####################* *#### ##### :#####* ##### ###
### =++++ ++++= :++++. ++++++ .+++++- +++++ ##### ####################* *#### ##### ########### ###
### =++++ ++++= :++++. =++++++- +++++++ +++++ ##### ##### ####* *#### ##### ########## ###
### =++++--------------- +++++----------=++++. +++++++--=++++++: +++++--------------: #####++++++++++++++- ##### ####* *#### ##### +######## ###
### =+++++++++++++++++++ +=++++++++++++++++++. ++++++++++++= +++++++++++++++++++- ###################+ ##### ####* *#### ##### .####### ###
### =+++++++++++++++++=+ +++++++++++++++++=. -+++++++++ +++++++++++++++++++- ###################+ ##### ####* *#### ##### ###### ###
### ###
### ###
### ###
########################################################################################################################################################################################################
########################################################################################################################################################################################################
</pre>
<div class="footer">
<span>BE FREE</span> <span>deadYokai © 2026</span> <span>And support Ukraine</span>
</div>
</div>
</div>
<script>
(function(){
var el = document.getElementById('ts');
function upd(){
var d = new Date(), p = n => String(n).padStart(2,'0');
var days = ['SUN','MON','TUE','WED','THU','FRI','SAT'];
el.textContent = days[d.getDay()]+' '+d.getFullYear()+'-'+p(d.getMonth()+1)+'-'+p(d.getDate())+' · '+p(d.getHours())+':'+p(d.getMinutes())+':'+p(d.getSeconds());
}
upd(); setInterval(upd,1000);
})();
</script>
</body>
</html>Log output and (if possible) backtrace
N/AScreenshots or screen recordings
No response
Build flags or config settings
No response
Contribute a patch?
- I’ll contribute a patch for this myself.