Getting started with Google Web Toolkit

Optimizing Code

My experience is that JavaScript becomes unwieldy when the app gets large; I spend a long time optimizing the code at a low level. Also, because JavaScript is a scripting language and weakly typed, you often don't find bugs right away.


The move from lightweigt JavaScript to robust, heavy-weight Java isn't trivial, but it is possible to migrate slowly or to migrate just those problem areas of the application. To migrate existing JavaScript functionality to GWT, you must start with a pretty solid API. Usually, this means you're calling just one or two functions in your web page.

Start by building the components and functionality in GWT with the use of GWT components and features instead of raw HTML and JavaScript. It's important to stick to higher level components that provide XBrowser safety.

Next, expose specific parts of the GWT component to JavaScript with the use of "native" functions. These functions will probably look just like your existing API so that you keep backward compatibility. Finally, you just need to include the GWT-generated JavaScript and remove the old, native JavaScript from your web page.


  1. Google Web Toolkit:
  2. GWT download:
  3. Gwt-fx (basic animation for GWT):
  4. GWT Ext JS (application framework for GWT):
  5. GWT on Rails:

Buy this article as PDF

Express-Checkout as PDF
Price $2.95
(incl. VAT)

Buy Linux Magazine

Get it on Google Play

US / Canada

Get it on Google Play

UK / Australia

Related content

  • Google Web Toolkit

    The Ingenious Google Web Toolkit builds optimized JavaScript applications in a hurry.

  • Helma

    The powerful Helma application server brings new powers to the JavaScript language. We'll show you how to use Helma to build a simple RSS reader.

  • AJAX Workshop

    Books were the original model for website design. Navigation was similar to flipping the pages. Thanks to AJAX, many state-of-the-art websites now behave like desktop applications.

  • Google: A New Crankshaft for V8

    Earlier this week, Google released Crankshaft, a new compilation infrastructure for V8, Chrome's JavaScript engine.

  • AJAX

    AJAX offers a fast and efficient approach for building interactive websites. We’ll show you how to call upon the powers of AJAX for your own web creations.

comments powered by Disqus
Subscribe to our Linux Newsletters
Find Linux and Open Source Jobs
Subscribe to our ADMIN Newsletters

Support Our Work

Linux Magazine content is made possible with support from readers like you. Please consider contributing when you've found an article to be beneficial.