Comments on: Web Development – JavaScript Optimization

By: Web Development – JavaScript Packaging – SoftLayer Blog

Web Development – JavaScript Packaging – SoftLayer Blog — Thu, 10 Jan 2013 20:06:47 +0000

[...] if you’re using your JavaScript package in a production deployment, I recommend that you “minify” your code as [...]

By: Web Development – HTML5 – Web Fonts – SoftLayer Blog

Web Development – HTML5 – Web Fonts – SoftLayer Blog — Thu, 10 Jan 2013 18:30:04 +0000

[...] in Web Development series. If you’re just joining us, the first posts in the series covered JavaScript Optimization and HTML5 Custom Data Attributes … If you haven’t read those yet, take a few minutes to [...]

By: Web Development – HTML5 – Custom Data Attributes – SoftLayer Blog

Thu, 10 Jan 2013 18:29:33 +0000

[...] month, we started a series focusing on web development tips and tricks with a post about JavaScript optimization. In this installment, we’re cover how to use HTML5 custom data attributes to assist you in [...]

By: Web Development – Javascript – Creating a Sticky Menu – SoftLayer Blog

Wed, 23 May 2012 15:50:15 +0000

[...] far in our “Web Development” blog series, we’ve looked at Javascript Optimization, HTML5 Custom Data Attributes, HTML5 Web Fonts and using CSS to style the Highlight Selection. In [...]

By: Philip Thompson

Philip Thompson — Thu, 15 Dec 2011 20:15:30 +0000

@Amrinder Per my previous comment to Tim, this was only part 1. There will be more to come that include HTML5-related items. Thanks for reading!

By: Amrinder Singh

Amrinder Singh — Thu, 15 Dec 2011 06:19:17 +0000

Great post but where is html5?

By: Kevin Hazard

Kevin Hazard — Tue, 13 Dec 2011 20:25:38 +0000

I think the ticks were auto-formatted by a word processing doc in one of the drafts, and when the post was published, we didn’t catch them to make sure they were correctly shown as single quotes… I went back through and replaced the misformatted characters I could find. Did that update resolve the code validity issue?

By: Philip Thompson

Philip Thompson — Tue, 13 Dec 2011 20:17:42 +0000

@Tim As Kevin mentioned, this is only part 1. The title was to summarize the series as a whole. Look for more to come at a later point.

@Chad Not sure how the ticks got in there. They are supposed to be single quotes.

@b Thanks for your explanations. One could write lengthy books on selectors, but this was just a very small snippet in an article that covers several topics. It was supposed to be high level.

By: b

Tue, 13 Dec 2011 17:45:14 +0000

You need to mention that $(“.myclass”) also searches through all nodes, but even worse executes a regex split on the class attr on each one. Actually youre doing this mistake yourself several times in this article

Also, > is slower than not using it, have it only in cases of ambiguity.

Also, * selector is not slow at all as it is built in the browser natively, . getElementsByTagName(“*”)

By: Kevin Hazard

Kevin Hazard — Tue, 13 Dec 2011 16:43:41 +0000

Thanks for the comments, guys!

This post is “Part I” in the series Philip is writing, so it will include tips about HTML5 and other Web Development tips in the next installments. The Javascript optimization tips shouldn’t be taken as a “be all, end all” of Javascript best practices, but they will help many developers start down that path.

Thanks for referencing closure compiler and uglify, Chad! Those resources were also on the list to include but didn’t make the cut simply due to the fact that the post was already 1,300+ words.