I have a website with multiple pages, each of them with custom event handlers attached to certain elements. Each page has an id in the html markup (#page1, #page2, …).

In my javascript file for the website I have seperated the functions for each site in self executing modules, simplified like so:

//module 1 for stuff that happens on #page1
(function() {
    // stuff to happen for a specific site (#page1 or #page2 or ...)
})();

I thought I could execute certain page related modules only if the #id is found in the current document like:

if( $  ("#page1").length ) {// call module 1}

… because a lot of event delegation happens in some modules.

Is this a common/good approach to speed up things? Or is it better to include the modules in seperated js files only on the subsites where they are needed? Or any other method/ideas?

newest questions tagged jquery – Stack Overflow

Folks,

I have a DIV that contains a number of IFrames (long story). The DIV can be resized by the user, and the iFrames change size along with it. However, the resizing process is slow and choppy, with the size changing in “bursts”.

Would hiding the iFrames during the resize speed this up?

Is there a best practice for temporarily hiding an iFrame? I seem to remember people elsewhere recommending slightly exotic methods for hiding them, although I don’t recall why.

Thanks,
Ann L.

newest questions tagged jquery – Stack Overflow

Question by DOLLFACE: How do I minimize DNS lookups with Page Speed?
I’m using a Firefox add-on called Page Speed by Google. It’s supposed to speed up my website, but when I expand the suggestions after analyzing my blog, I don’t understand the jargon.

This is what it says:

Serve the following JavaScript resources from the same host as the main document (creolesugar.blogspot.com), or defer loading of these resources if possible:

* http://code.jquery.com/jquery-latest.js

* /friendconnect/script/friendconnect.js

The following domains only serve one resource each. If possible, avoid the extra DNS lookups by serving these resources from existing domains.

* code.jquery.com
* linkwithin.lg1x6z.simplecdn.net
* www.friendconnect.gmodules.com
* wau.tynt.com
* i676.photobucket.com
* 4.bp.blogspot.com
* i200.photobucket.com
* img31.imageshack.us
* www.wallheaven.com
* img75.imageshack.us
* img137.imageshack.us
* i30.tinypic.com
* th08.deviantart.net
* mi-cache.legacy.com
* i45.tinypic.com
* i46.tinypic.com
* i48.tinypic.com
* i49.tinypic.com
* img2.blogblog.com
* www.spacepimping.com
* pr.prchecker.info
* disclosurepolicy.org
* csi.gstatic.com
* static.ning.com
* s.ytimg.com
* api.ning.com

Best answer:

Answer by trick
So what it is saying is this: that long list of stuff would be served faster if it were all on one server.

Every resource located at a different server has to have its name resolved, this takes time.

If it were all on one server, then there would only be one name resolution to do.

So for instance, I see at least four different image servers in your list, one optimization could be to place all images on *one* of the servers — in this way, you just eliminated three DNS lookups.

Carry this principle with all of your other content and page loading speed will increase, as far as DNS lookups go.

Hope this helps. Oh, I lol’d a little when I read “creolesugar”

Give your answer to this question below!

For sometime ago, I notice that few big design blog like SmashingMagazine, Noupe and other implement lazy loading on their image. I suppose this helps in optimizing their load time and save server resource.

Then I come to this jQuery lazyload for image, but the plugin is broke and not working for new browser. Would like to know is lazyload still recommended for optimizing website?

newest questions tagged jquery – Stack Overflow

My 6th chat, scripted in Javascript, both clientside and serverside. In this video, I create the chat from scratch using jQuery, NodeJS and Socket.IO. From creation of the project untill having a basic working chat, all done in 5h32m, played back at x32 speed. Check out the result @ kutcomputers.nl Serverside Scripts @ kutcomputers.nl Ask me anything @ tobyhinloopen_2 at hotmail dot com
Video Rating: 5 / 5

Vídeo en el que se muestra desde cero la creación de un primer ejemplo con el Framework Javascript jQuery. Veremos la descarga del framework y la incorporación a un archivo HTML. Luego la creación de un script sencillo para probar que todo está funcionando correctamente y de paso ver como con jQuery y muy pocas líneas de código podemos crear funcionalidades dinámicas en páginas web.
Video Rating: 4 / 5