Comments on: Quick WP tip #2: Conditional Thickbox loading

By: craigsunney (CraigSunney)

craigsunney (CraigSunney) — Tue, 16 Feb 2010 21:31:59 +0000

Lighten the load on your blog if using thickbox or lightbox2 with this cool Yoast tweak http://yoast.com/conditional-thickbox-loading/

By: Quick WP tip #2: Conditional Thickbox loading | Web Developer

Quick WP tip #2: Conditional Thickbox loading | Web Developer — Fri, 04 Dec 2009 18:57:15 +0000

[...] Quick WP tip #2: Conditional Thickbox loading is a post from Joost de Valk's Yoast – Tweaking Websites.A good blog needs good hosting, you don’t want your blog to be slow, or, even worse, down, do you? Use WestHost, and you’ll never have issues again! Read the full article the source. Share CSS/HTML wordpress, wordpress themes Practical Guide to 404 Error Pages: What WordPress is Missing Press This with Aaron Brazell blog comments powered by Disqus var disqus_url = 'http://wdtoolkit.com/2009/12/04/quick-wp-tip-2-conditional-thickbox-loading/ '; var disqus_container_id = 'disqus_thread'; var facebookXdReceiverPath = 'http://wdtoolkit.com/wp-content/plugins/disqus-comment-system/xd_receiver.htm'; var DsqLocal = { 'trackbacks': [ ], 'trackback_url': 'http://wdtoolkit.com/2009/12/04/quick-wp-tip-2-conditional-thickbox-loading/trackback/' }; Archive [...]

By: eddai

eddai — Thu, 05 Nov 2009 13:55:33 +0000

I also wonder this..
how to achieve this for homepage ?

By: Aaron D. Campbell

Aaron D. Campbell — Mon, 02 Nov 2009 20:16:32 +0000

I have a few things to add:
1) There is a function called add_thickbox() that was added in WP 2.5 which enqueues the JS and CSS files.
2) People should read this thread - http://lists.automattic.com/pipermail/wp-hackers/2009-October/028143.html since there are times when a post that needs thickbox would be missed using $post (for all custom queries, things like $myquery = new WP_Query($args);)

By: WordPress Picks for the week [10/25] | Techtites

WordPress Picks for the week [10/25] | Techtites — Sun, 25 Oct 2009 14:20:21 +0000

[...] Conditional Thickbox loading [...]

By: scott bothel

scott bothel — Thu, 22 Oct 2009 18:14:07 +0000

Rock on. I've wanted to figure out an elegant solution to this for a while. It didn't seem necessary to run a silly plugin for thickbox when its already in core! And selective loading kills two birds for me!

By: Doug Smith

Doug Smith — Wed, 21 Oct 2009 16:30:04 +0000

Thanks so much for writing up the tip, Joost. Your timing was perfect since I was just starting a project that needed it

FYI, One of the problems with using the built-in Thickbox through wp_enqueue_script() is that you end up with broken URLs for the thickbox graphics. They are coded in thickbox.js as relative URLs and end up getting tacked on to the end of whatever URL you are viewing.

If anyone is interested, I posted a solution for that at http://smithsrus.com/loading-wordpress-thickbox-only-when-needed/

By: s.holstens

s.holstens — Wed, 21 Oct 2009 07:46:40 +0000

Thank you all the time again :D. Very nice work.Greetings to the team

By: Rilwis

Rilwis — Wed, 21 Oct 2009 07:32:55 +0000

A good tip, Joost de Valk. This make WP loads faster when there's no images in post content. Thank you.

By: Loading WordPress’ Thickbox Only When Needed – Smiths R Us

Loading WordPress’ Thickbox Only When Needed – Smiths R Us — Tue, 20 Oct 2009 16:24:24 +0000

[...] and jQuery loading on all pages when most of them don’t even use it. That’s why Joost de Valk detailed a nice tip to only load thickbox when needed by checking the page content for references to it. All it takes is a few lines of code in your [...]

By: Travis Quinnelly

Travis Quinnelly — Tue, 20 Oct 2009 13:44:27 +0000

Great concept...love it. Tried this out with different conditional loading criteria and it works great. I do have a question about the queueing going on...what order does WP use to load these scripts? I noticed that queueing a js file to load only made it load ahead of other scripts set to load. Unfortunately, one of the scripts was dependent on another script that already gets loaded by the template and needed to load before it, not after it. The enqueue method doesnt seem to have an order or am I missing something blatant?

By: andymurd (andymurd)

andymurd (andymurd) — Mon, 19 Oct 2009 21:52:55 +0000

Great tip for Wordpress developers by @yoast http://tinyurl.com/ykw7fp4 How to conditionally load thickbox/lightbox scripts

By: LoneWolf

LoneWolf — Mon, 19 Oct 2009 21:47:52 +0000

That actually gives me some more insight into the enqueue functionality now. I hadn't really looked into that function too much yet, but now I see that it is more of a request to "add if not already added".

Thanks for setting me straight!

By: Judd

Judd — Mon, 19 Oct 2009 14:58:28 +0000

Thanks for sharing this, it's a nice solution to a common problem.

Enjoy your stuff, keep it up (in spite of the whiners).

By: Joost de Valk

Joost de Valk — Mon, 19 Oct 2009 14:05:11 +0000

Depends, if they come from, for instance, your RSS feed, and only hit one page, that page will load faster. If they visit more pages on your site and one includes thickbox, then it, indeed, doesn't matter as much anymore.

By: Joost de Valk

Joost de Valk — Mon, 19 Oct 2009 14:03:53 +0000

Sorry to say it but: nonsense. If other plugins need Thickbox, they'd enqueue it themselves. I'm not dequeueing, only queueing. Of course this would work for other classes as well, if needed.

I said in my post that this was simple, as it was meant to be simple for educational purposes :)

By: LoneWolf

LoneWolf — Mon, 19 Oct 2009 13:49:32 +0000

Hi Yoast. This looks pretty good, but I think you might want to expand the search a little. This doesn't take into account people that use ' rather than ". I've started using the ' rather than " since it works better when the html is inside a php string.It also doesn't take into account multiple classes in a class statement. I've been doing some work on a plugin for my sites and looking at examples I see a lot of that stuff happening.Because of this, I think it is possible that your change might break other plugins that use thickbox. I'm still learning how WP puts things together so I could be wrong about that.It would be good to expand this for other javascript heavy classes as well. You could make it a function that accepts the class name as a parameter.

By: Bloginstall

Bloginstall — Mon, 19 Oct 2009 12:53:24 +0000

Wow, why did I not think about this before ? Great little tip that I have just implemented in a new project. As far as I know, the js is cached anyway, so does this really have any effect after the first load on a page that does include the lightbox ?

By: David

David — Mon, 19 Oct 2009 09:19:43 +0000

Fancybox looks great, I've found thickbox kind of slow to load anything, like sometimes 10+secs, would this method work with fancybox too?

By: Karl Foxley

Karl Foxley — Mon, 19 Oct 2009 09:02:08 +0000

Thanks Joost, this is going to come in very handy on my site. I always look forward to reading your latest updates!

Karl