ansaurus

Question

Any slick and clever ways to inject JQuery before the page begins rendering?

Answer 1

A:

If you are already including

<html><head><title>Title</title></head><body>...</body></html>

in every single page, I'm sure you can squeeze in a

<script ...></script>

But I would still agree with Ken: take a look at master pages.

Justice 2009-03-20 01:26:07

Answer 2

A:

not knowing you're architecture, this may be hard to answer generically.

However, may i suggest that if you do end up having to modify all your pages, set them up for using an include, should u have to update your jquery version or add a $(document).ready() function or add any jquery plugin's, you can modify the include and not have to re-modify all the pages.

Roy Rico 2009-03-20 01:29:54

I thought "#includes" were frowned upon as a Classic ASP only solution, not suitable for ASP.NET. Right?

Robert 2009-03-20 01:43:42

Answer 3

A:

The best practice is to load javascript at the bottom of your pages to prevent your script slowing your initial page load.

Since you've also specifically mentioned jquery I would recommend using this code towards the end of your masterpage:

<script src="http://www.google.com/jsapi"&gt;&lt;/script&gt;
<script>
  // Load jQuery
    google.load("jquery", "1");
</script>

The advantage of this is that your users will probably already have this copy of jquery cached in their browser, and you'll always be using the latest version to boot :)

If you're using a masterpage, you won't need to have the script "inserted into every page".

Bayard Randel 2009-03-20 02:16:33

Answer 4

+1 A:

You can hook to any event of the page life cycle in the global asax:

void Application_PreRequestHandlerExecute(object sender, EventArgs e)
{
    Page page = this.Context.CurrentHandler as Page;
    if( page != null )
        page.Load += new EventHandler(page_Load);
}

void page_Load(object sender, EventArgs e)
{
    Page page = (Page)this.Context.CurrentHandler;
    page.ClientScript.RegisterClientScriptInclude("jquery", jqueryurl);
}

Ps. I think you can do this with an http module as well.

eglasius 2009-03-20 02:20:44

Answer 5

+2 A:

Use MasterPages and put it at the top. Some people say put it at the bottom but after the first time it's loaded it cached anyways and if you are going to manipulate the DOM I personally would rather do it before my user really starts to see the page being rendered. Having it at the bottom could definitely cause this to happen and could be confusing to the user and result in a bad user experience.

Slee 2009-03-20 02:21:42

The recommendation to load javascript last comes from Yahoo's web performance team and is also recommended in the book High Performance Web Sites published by O'reilly. The only caveat is using scripts calling document.write

Bayard Randel 2009-03-20 02:48:05

ansaurus

tags:

views:

answers:

Any slick and clever ways to inject JQuery before the page begins rendering?

related questions