mogamoga1024 / MoonEmojiArt

月文字ジェネレータ(JS版)
5 stars 0 forks source link

UI 文字と画像の切り替えが遅い #5

Closed mogamoga1024 closed 1 year ago

mogamoga1024 commented 1 year ago

すまほ もじ がぞー きりかえ おそい なんで?

mogamoga1024 commented 1 year ago

v-ifは切り替えコストが高いらしい。 v-showを使うべきか?

mogamoga1024 commented 1 year ago

スマホで未確認 67abb43d60e90ffa9c625e19693f7e8796592ad3

mogamoga1024 commented 1 year ago

まあ、遅い(というかキャッシュされてるのかされてないのか分からんなスマホだと)

mogamoga1024 commented 1 year ago

画像で生成している状態だと遅い。そうでないなら速い。

mogamoga1024 commented 1 year ago

違う。画像じゃなくてテキストエリアの月文字があるから遅い。 空にしたら速くなった。

mogamoga1024 commented 1 year ago

関係しているか? https://qiita.com/okyawa/items/8c7bee52b203f6956d44

mogamoga1024 commented 1 year ago

https://stackoverflow.com/questions/16736198/typing-in-textarea-super-slow-when-lots-of-text-inside

<textarea autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">

あんま効果感じなかったなー

mogamoga1024 commented 1 year ago

textareaを使わないという選択肢もでてくるなー

mogamoga1024 commented 1 year ago

divにしたら、まあ速くなったのかなあ?という感じ。計測しているわけではないので体感だが

mogamoga1024 commented 1 year ago

画像で代替するのも致し方ないなぁ。

mogamoga1024 commented 1 year ago

画像にした。速くなった。まさか、ここまでの大修正になるとは… あーつかれた https://github.com/mogamoga1024/MoonEmojiArt/compare/d30e3...422ec