Performance problem with RichText

classic Classic list List threaded Threaded
3 messages Options
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Performance problem with RichText

Erik J. Thomas
Hey all:

We started noticing our mobile Flex app was unresponsive for like 5 or 6 seconds at launch where the UI was frozen. After profiling, we found the entire problem is with RichText and RichEditableText controls.

We have social posts (like twitter) that consist of a post (one RichEditableText control so links work) plus one or more comments on that post (one more RichEditableText so links work).

With only 18 posts (36 total instances of RichEditableText) it takes just about 5 or 6 full seconds for the text to be imported (average post size is 15 or 20 words)!

mainContent.textFlow = TextFlowUtil.importFromString(_post.text);
// we have one custom link embedding an id rather than href so we have to do this as well, which could be part of the problem
var linkElements:Array = StringUtils.findLinkElements(mainContent.textFlow);
for each (var link:LinkElement in linkElements) {
    link.addEventListener(FlowElementMouseEvent.CLICK, linkClickedHandler, false, 0, true);
}

and

commentContent.textFlow = TextFlowUtil.importFromString(content);

Is there any other alternative? Any ideas how I can use hyperlinks in text displayed in a flex mobile app that doesn't carry the TLF behemoth along greatly appreciated.

Erik
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: Performance problem with RichText

clintm
Would this work?
http://help.adobe.com/en_US/flex/mobileapps/WS19f279b149e7481c-3c2dbaa612bb06a5ea2-8000.html

On Wed, May 24, 2017 at 3:52 PM, Erik J. Thomas <[hidden email]> wrote:

> Hey all:
>
> We started noticing our mobile Flex app was unresponsive for like 5 or 6
> seconds at launch where the UI was frozen. After profiling, we found the
> entire problem is with RichText and RichEditableText controls.
>
> We have social posts (like twitter) that consist of a post (one
> RichEditableText control so links work) plus one or more comments on that
> post (one more RichEditableText so links work).
>
> With only 18 posts (36 total instances of RichEditableText) it takes just
> about 5 or 6 full seconds for the text to be imported (average post size is
> 15 or 20 words)!
>
> mainContent.textFlow = TextFlowUtil.importFromString(_post.text);
> // we have one custom link embedding an id rather than href so we have to
> do this as well, which could be part of the problem
> var linkElements:Array = StringUtils.findLinkElements(
> mainContent.textFlow);
> for each (var link:LinkElement in linkElements) {
>     link.addEventListener(FlowElementMouseEvent.CLICK,
> linkClickedHandler, false, 0, true);
> }
>
> and
>
> commentContent.textFlow = TextFlowUtil.importFromString(content);
>
> Is there any other alternative? Any ideas how I can use hyperlinks in text
> displayed in a flex mobile app that doesn't carry the TLF behemoth along
> greatly appreciated.
>
> Erik
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: Performance problem with RichText

Erik J. Thomas
Clint, this is a great suggestion. I think I used this approach some years ago on one of my first Flex mobile apps, but forgot all about the approach.

I just need to remember how to capture a hyperlink click for internal handling of some clicks, rather than just invoking default browser actions. But I seem to remember that was possible too.

I will definitely try this out tomorrow. Could be just what I need.

Thanks again!

Erik

> On May 24, 2017, at 4:22 PM, Clint M <[hidden email]> wrote:
>
> Would this work?
> http://help.adobe.com/en_US/flex/mobileapps/WS19f279b149e7481c-3c2dbaa612bb06a5ea2-8000.html
>
> On Wed, May 24, 2017 at 3:52 PM, Erik J. Thomas <[hidden email]> wrote:
>
>> Hey all:
>>
>> We started noticing our mobile Flex app was unresponsive for like 5 or 6
>> seconds at launch where the UI was frozen. After profiling, we found the
>> entire problem is with RichText and RichEditableText controls.
>>
>> We have social posts (like twitter) that consist of a post (one
>> RichEditableText control so links work) plus one or more comments on that
>> post (one more RichEditableText so links work).
>>
>> With only 18 posts (36 total instances of RichEditableText) it takes just
>> about 5 or 6 full seconds for the text to be imported (average post size is
>> 15 or 20 words)!
>>
>> mainContent.textFlow = TextFlowUtil.importFromString(_post.text);
>> // we have one custom link embedding an id rather than href so we have to
>> do this as well, which could be part of the problem
>> var linkElements:Array = StringUtils.findLinkElements(
>> mainContent.textFlow);
>> for each (var link:LinkElement in linkElements) {
>>    link.addEventListener(FlowElementMouseEvent.CLICK,
>> linkClickedHandler, false, 0, true);
>> }
>>
>> and
>>
>> commentContent.textFlow = TextFlowUtil.importFromString(content);
>>
>> Is there any other alternative? Any ideas how I can use hyperlinks in text
>> displayed in a flex mobile app that doesn't carry the TLF behemoth along
>> greatly appreciated.
>>
>> Erik

Loading...