For better performance you can use direct functions like $.ajax() than $.get(), $.getJSON(), $.post() because the last ones are shortcuts that call the $.ajax() function.
I've never written an app where the overhead of $.getJSON has been any kind of bottleneck.
Don’t forget about using .data() function to store stuff for your elements
How is this a performance tip?
Sometimes it’s faster to use $(window).load() than $(document).ready() because the last one occurs before all the DOM elements are downloaded
If you want to save some bits on compressing your js plugin – replace the $(document).onready() event
I hope this is a joke.
The new HTML 5 standard comes with a lighter DOM structure in mind
When styling a few elements it is best to simply use jQuery’s css() method, however when styling 15 or more elements it is more efficient to append a style tag to the DOM.
Or, if you're worried about performance and reusability, you could use classes and use addClass and removeClass.
"Lazy load content for speed and SEO benefits"
This guy either works at Google or doesn't have a clue of what he's saying. SEO is already black magic. That kind of claim requires heavy evidence which are simply not there.
As with most development, use good practices. But then at the end of the day, profile your application to find the actual bottlenecks.
15. Add a JS class to your HTML attribute
Firstly, as soon as jQuery has loaded you use it to add a “JS” class to your HTML tag.
/* In your css */
The solution is to just not use jQuery for that. It's such a simple operation anyway. I do something like:
<script>document.getElementsByTagName('html').className += ' js'</script>
5. Use find() rather than context
The jQuery source code comments say as much:
// HANDLE: $(expr, context)
// (which is just equivalent to: $(context).find(expr)
I've never seen any real stats.
Seems like people are testing the sort of things measured in this article at the moment too eg.: