Access and Feeds

Isomorphic Javascript: Searchable, Less-Bloated Web Development

By Dick Weisinger

Isomorphic Javascript is a web development design choice that uses Javascript as the primary language no both client and server.  The use of Isomorphic Javascript allows code sharing between both the frontend and backend of the app.

Isomorphic Javascript stands in contrast to the trend towards “Single Page” Javascript apps.  Single page apps tend to require a lot of Javascript code and are very large.  The initial downloads can be very slow and without running the Javascript code, search engines aren’t able to scan the web pages to determine and index content.

The lifecycle of an Isomorphic Javascript app is as follows:

  1. Server-side Javascript renders HTML and then delivers to the client
  2. Client browser loads the HTML
  3. Client-side Javascript loads and does a final bootstraps the application
  4. Subsequent interactions on the page are primarily handled by client-side Javascript

Some of the advantages of Isomorphic Javascript include:

  • Faster page load time — most of the page is pre-rendered on the server
  • Improved SEO searchability — “single page” client-side Javascript often are not easily search-engine friendly
  • Slimmer client apps — less Javascript needed on the frontend

Examples of Isomorphic Javascript frameworks include:

 

Digg This
Reddit This
Stumble Now!
Buzz This
Vote on DZone
Share on Facebook
Bookmark this on Delicious
Kick It on DotNetKicks.com
Shout it
Share on LinkedIn
Bookmark this on Technorati
Post on Twitter
Google Buzz (aka. Google Reader)
One comment on “Isomorphic Javascript: Searchable, Less-Bloated Web Development
  1. I think it worth mentioning Wakanda as one of the interesting Isomorphic Javascript frameworks

    https://wakanda.github.io/

1 Pings/Trackbacks for "Isomorphic Javascript: Searchable, Less-Bloated Web Development"
  1. […] Isomorphic Javascript: Searchable, Less-Bloated Web Development | Formtek Blog. Isomorphic Javascript is a web development design choice that uses Javascript as the primary […]

Leave a Reply to Alexandre Morgaut Cancel reply

Your email address will not be published. Required fields are marked *

*