Chrome Dev Tools - Profiles - Heap Snapshot - (concatenated string)

[Damien Murphy]

Hi,

I have noticed I have a lot (76k) concatenated strings in my application. Mainly due to translation property files with many strings.

My question is what exactly are these and why do they persist?

Here is a demo of issue: https://jsfiddle.net/y63pwf7u/#&togetherjs=TQtgSzyamF

When I do a before and after profile heap snapshot I see the following after I click the button 10 times.

https://s14.postimg.io/dqayzc5cv/profile.png

Why are these strings being stored in the concatenated strings? (note they also show up in the (string) section)

The issue becomes even more aparent in (string) section when the string is built up word by word (which is what is happening in my translation code to replace variables)

Word By Word demo is here: https://jsfiddle.net/czt3rc9p/#&togetherjs=TQtgSzyamF

Here is what I see in the (string) section 

Notice that the following strings are repeated many times

"STR=Test" 

"String"

"STR=Test"

"String"

"STR=Test"

Part 1: https://s11.postimg.io/t8ryolsxt/string.png

Part 2: https://s3.postimg.io/5928y4lsh/string2.png

Thanks in advance

Damien