How to handle large data rendering on a tag?</a></h1> </div> <div class="grid fw-wrap pb8 mb16 bb bc-black-075"> <div class="grid--cell ws-nowrap mr16 mb8" title="2016-01-12 19:07:53Z"> <span class="fc-light mr2">Asked</span> <time itemprop="dateCreated" datetime="2016-12-08T21:08:52.640" class="fromnow">Dec 08 '16 at 21:08</time> </div> <div class="grid--cell ws-nowrap mr16 mb8"> <span class="fc-light mr2">Active</span> <time class="fromnow" title="2016-12-12T18:09:36.847" datetime="2016-12-12T18:09:36.847">Dec 12 '16 at 18:09</a> </div> <div class="grid--cell ws-nowrap mb8" title="Viewed 656 times"> <span class="fc-light mr2">Viewed</span> 656 times </div> </div> <div id="mainbar" role="main" aria-label="questions and answers"> <div id="question" class="question" data-questionid="41048832" data-ownerid="5421539" data-score="0"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="41048832"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="0">0</div> <button class="js-bookmark-btn s-btn s-btnunset c-pointer py4"> <svg aria-hidden="true" class="svg-icon iconBookmark" width="18" height="18" viewBox="0 0 18 18"><path d="M6 1a2 2 0 00-2 2v14l5-4 5 4V3a2 2 0 00-2-2H6zm3.9 3.83h2.9l-2.35 1.7.9 2.77L9 7.59l-2.35 1.7.9-2.76-2.35-1.7h2.9L9 2.06l.9 2.77z"></path></svg> <div class="js-bookmark-count mt4" data-value=""></div> </button> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>There is a websocket connection between my browser and the server. It works fine in normal cases but if the server keep sending string messages to the browser and the browser append the coming messages on a tag. The browser will be stuck. In that case, I can't see the latest message on the textarea. I have to wait for a few minutes in order to see them. Is there a way to handle this kind of scenario?</p></div> <div class="mt24 mb12"> <div class="post-taglist grid gs4 gsy fd-column"> <div class="grid ps-relative"> <a href="../../questions/tagged/javascript" class="post-tag js-gps-track" title="show questions tagged 'javascript'" rel="tag">javascript</a> <a href="../../questions/tagged/html" class="post-tag js-gps-track" title="show questions tagged 'html'" rel="tag">html</a> <a href="../../questions/tagged/gwt" class="post-tag js-gps-track" title="show questions tagged 'gwt'" rel="tag">gwt</a> </div> </div> </div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature owner grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Dec 08 '16 at 21:08">asked Dec 08 '16 at 21:08</time> <a href="../../users/5421539/joey-yi-zhao" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/5421539.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Joey Yi Zhao" /> </a> <div class="s-user-card--info"> <a href="../../users/5421539/joey-yi-zhao" class="s-user-card--link">Joey Yi Zhao</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">37,514</li> <li class="s-award-bling s-award-blinggold" title="71 gold badges">71</li> <li class="s-award-bling s-award-blingsilver" title="268 silver badges">268</li> <li class="s-award-bling s-award-blingbronze" title="523 bronze badges">523</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> <div id="comments-41048832" class="comments js-comments-container bt bc-black-075 mt12 " data-post-id="41048832" data-min-length="15"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-69320666" class="comment js-comment " data-comment-id="69320666" data-comment-owner-id="4491066" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment69320666_41048832"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">Do you use javascript or GWT for that?</span> – <a href="../../users/4491066/adam" title="5,403 reputation" class="comment-user ">Adam</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/41048832/how-to-handle-large-data-rendering-on-a-textarea-tag#comment69320666_41048832"><span title="2016-12-09T09:23:53.997 License: CC BY-SA 3.0" class="relativetime-clean">Dec 09 '16 at 09:23</span></a></span> </div> </div> </li> <li id="comment-69373494" class="comment js-comment " data-comment-id="69373494" data-comment-owner-id="5421539" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment69373494_41048832"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">I am using GWT for that.</span> – <a href="../../users/5421539/joey-yi-zhao" title="37,514 reputation" class="comment-user owner">Joey Yi Zhao</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/41048832/how-to-handle-large-data-rendering-on-a-textarea-tag#comment69373494_41048832"><span title="2016-12-11T07:25:00.967 License: CC BY-SA 3.0" class="relativetime-clean">Dec 11 '16 at 07:25</span></a></span> </div> </div> </li> </ul> </div> </div> </div> </div> <div id="answers"> <a name="tab-top"></a> <div id="answers-header"> <div class="answers-subheader grid ai-center mb8"> <div class="grid--cell fl1"> <h2 class="mb0" data-answercount="9">1 Answers<span style="display:none;" itemprop="answerCount">1</span></h2> </div> </div> </div> <a name="41106899"></a> <div id="answer-41106899" class="answer " data-answerid="41106899" data-ownerid="1278580" data-score="0" itemprop="suggestedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="41106899"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="0">0</div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>I've experienced issues with performance when dealing with large strings or shared Objects. You should check out <a href="../../questions/1600398/large-text-in-textarea-freezes-computer">large-text-in-textarea-freezes-computer</a> as they show the same solutions that I did the past.</p></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="edited May 23 '17 at 12:13">edited May 23 '17 at 12:13</time> <a href="../../users/-1/community" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/-1.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Community" /> </a> <div class="s-user-card--info"> <a href="../../users/-1/community" class="s-user-card--link">Community</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">1</li> <li class="s-award-bling s-award-blingsilver" title="1 silver badges">1</li> </ul> </div> </div> </div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Dec 12 '16 at 18:09">answered Dec 12 '16 at 18:09</time> <a href="../../users/1278580/rpd" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/1278580.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="RPD" /> </a> <div class="s-user-card--info"> <a href="../../users/1278580/rpd" class="s-user-card--link">RPD</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">31</li> <li class="s-award-bling s-award-bling__bronze" title="7 bronze badges">7</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> </div> </div> </div> </div> </div> </div> </div> <script src="../../static/js/stack-icons.js"></script> <script src="../../static/js/fromnow.js"></script> </body> </html>