Tuesday, May 25, 2010

Re: Button vs FocusPanel. Which one is faster in CPU-intense GUIs?

I'd certainly use Buttons.

Performance wise, calling innerHTML is a lot faster than doing DOM manipulations. If you are using GWT widgets for every button, it is going to slow  down the site. Usability wise - use a button when you mean a button. It makes your website more accessible and standards-friendly.

--Sri


On 25 May 2010 22:40, outsource lucas <outsourcelucas@gmail.com> wrote:
If you fully set your own css style, then there is a difference
between a Button (<button>) or FocusPanel (<div>): they both look
exactly the same in the browser.

But how is it performance wise

I have a very CPU intense GUI, something like windows explorer (hover
on item, item dragging, item selecting etc) with overlay tags (like
online status) on each icon using AbsolutePanels wrapped in
FocusPanels, or as an alternative pure HTML wrapped in a button.

If I wrap them in buttons, then I have to set pure HTML (do-able) with
button.setHTML to setup the inside.

If I wrap them in focuspanels, then i setup the inside in an elegant
GWT way with an AbsolutePanel inside without going into HTML.


I have thee feeling that buttons are a bit faster, less CPU intense.
Is this true? Or just a hunch? What would you use for the smoothest
user experience??

(P.S. FocusPanel + AbsolutePanel + stuff = 2 divs, Button + stuff = 1
div, does that matter a bit in speed? Or is it just the extra
Javascript of a FocusPanel/AbsolutePanel that will slow things down?)


What would you do in my case?



--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.


--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.

No comments:

Post a Comment