Lightbox no longer working

Your site is going to hell is why 🙂 And not just because it is a Thesis site.

Well actually coming plugin update 2.5.6 has fixed some issues for me and you could try that now http://wordpress.org/extend/plugins/lightbox-plus/developers/ but not the only problem, or the most important.

Too much going on:

jQuery no. 1
https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js

jQuery no. 2
http://www.startupbros.com/wp-content/thesis/boxes/parallax-slider/js/jquery-1.7.1.min.js?ver=1.2

jQuery no. 3 (the real one from WP)
http://www.startupbros.com/wp-includes/js/jquery/jquery.js?ver=1.8.3

jQuery no. 4
http://d3brdqgnb3d1f5.cloudfront.net/js/jquery-1.7.min.js

jQuery no. 5
http://s3.amazonaws.com/punchtab-static/js/jquery-1.7.min.js
(Also loads 2 very old Modernizr )

Then there are some not found/404 images and 2 font files.

And 11 CSS Style sheets come in from Google Fonts, 11?

Main issue is overload of jQuery. Sometimes you cant do a thing because lets say a video oembedded fire up an old jQuery internally. Cant do anything about it. Who and why think of that when pasting in a link to SlideShare or what ever? Using plugins, widget scripts, Cloudfront set up wrong, falls back to you. So you fix. If widget is crap find another.

Another thing is Thesis theme. My details are shaky but unless you have dev. license you cant really update to latest version right? Does it matter if they keep the old one updated with latest fixes? Do they? As with jQuery conflicts it will bite you if ignore. Dont underestimate Thesis de$ire to get you on 2.0 stuff 🙂 That goal is part of “new release” so you probably cant outsmart them forever by staying on old version. When it eventually fails and they wont update or help at all they will link you to 2.0 purchase page. How it works! Nothing of this seem to come directly from theme though but an issue for the future even so.

I have heard version 2 is most laugable update in history of WordPress premium theme updates but that is another problem. Also and this is only gossip they should have new unique, incompatible, toying with everything, license too 😉 Another little thing to check. Do that before paying anything.

Looks better, but where did Lightbox Plus go? Was it ever there? Could have missed it. You have this instead http://www.socialgalleryplugin.com/ Marketing gone wrong, heh. There are more than one opinion on Lightboxes in general but Lightboxes with “Social”? No, no. World is not ready for this, humanity is wiser. If you are a step ahead future is dark!

If forced to buy one I would check out FooBox http://getfoobox.com/ Mainly because dev. is good http://themergency.com/

Speaking of bars there is a Lightbox_me Lightbox loading but unless wpSqueezebar mess up it should be confined to bar content. But is a minimal Lightbox script http://buckwilson.me/lightboxme/ so that is something to look out for.

Well not all good:

Cloudfront still deliver

http://d3brdqgnb3d1f5.cloudfront.net/js/jquery-1.7.min.js

but guess you cant do much about it.

They also load 2 identical files – or almost identical, one is http, the other https. So instead of checking what your site use and require? they just load both?

http://d3brdqgnb3d1f5.cloudfront.net/js/assets/all.packed.ac0ac397.js
https://d3brdqgnb3d1f5.cloudfront.net/js/assets/all.packed.ac0ac397.js

200kb each.

I assume it comes in from embedded scripts/widgets, is 3rd party so you cant really fix it.

One thing I am 99% sure you can fix and that is jQuery from Google

https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js

I think it comes from your optimizer script – but is hidden. Check this http://visualwebsiteoptimizer.com/knowledge/what-is-the-difference-between-sync-code-and-async-code-of-vwo/

If you have jQuery version 1.4.2 or later installed on the page then you may set this variable to true. The variable use_existing_jquery tells the VWO tracking code whether it should the jQuery present on the page or it should request the jQuery version of VWO library from our CDN.

And in your code there is this

<!-- Start Visual Website Optimizer Asynchronous Code -->
<script type='text/javascript'>
var _vwo_code=(function(){
var account_id=35166,
settings_tolerance=2000,
library_tolerance=1500,
use_existing_jquery=false,

So you need to change “use_existing_jquery” to “=true” ? I think so.

Also that service is not the best you can do to optimize a WordPress site. They do other stuff http://visualwebsiteoptimizer.com/features.php but try to come off as also handling dirty file loading. Expect them to have no clue.

If you look at source code via Firefox you see this in glowing RED

<?php do_action( 'wpe_gce_head' ); ?>

means it highly suggest it is wrong.

Why is because it just sits there in between head tags as if it was pure HTML. Is pure PHP and that wont work. Also do_action http://codex.wordpress.org/Function_Reference/do_action make no sense.

You should have this in a functions.php file, like

function wp_gce_head() {
do_action ( 'wpe_gce_head' );
}

And then you can insert that action hook in to header.php or where ever

<?php wp_gce_head(); ?>

Will spit out what action you have applied to your newly created hook, also via functions.php or other php file. add_action does this http://codex.wordpress.org/Function_Reference/add_action

add_action ('wpe_gce_head', 'my_new_function');
function my_new_function {
echo 'my_new_function is spit out where wp_gce_head is injected';
}

<?php wp_gce_head(); ?> will then echo that line.

If not correct it is not worse than what you have now 😉

You are slowest optimizer I have seen in 2013. But yes you can always find something. 2 things I think you should fix:

In Thesis CSS file http://www.startupbros.com/wp-content/thesis/skins/marketers-delight1/css.css scroll down to line 484 where “/* reset header menu */” starts. This line

ul.header-menu ul.sub-menu { background: none; border-color: rgba(255, 255, 255, .2); border-width: 0 0 0 1px; margin-left: 24px; padding: 0; position: static; visibility: visible; $remove_shadow; }

ends with $remove_shadow and is not CSS code. Must be breakage in Thesis machine.

At line 498 in section below there it is again.

You dont seem to use this code so do not notice. But you will when you do.

Then a good one. The cloudflare jquery 1.7 is still there but loads from a script you have hidden in a sidebar widget

Try this

#text-9 {
background: red;
height: 200px;
}

And there it is, red spot under search widget. “Punchtab” must ring a bell?

<div id="text-9" class="widget widget_text">			<div class="textwidget"><script charset="utf-8" type="text/javascript">
  var _ptq = _ptq || [];
  var _punchtab_settings = {
    key: "684c4022f6ab8d7a0acc6ae67da7ea9a",
    bar: {}
  };

  (function() {
    var pt = document.createElement('script'); pt.type = 'text/javascript'; pt.async = true;
    pt.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'static.punchtab.com/js/pt.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(pt, s);
  })();
</script></div>
		</div>

I have no clue what it is. But their code from external site calls no. 4 jQuery from previous post. If you check in Chrome you can see refererer is

http://www.punchtab.com/mast/connect2?key=684c4022f6ab8d7a0acc6ae67da7ea9a&version=1&language=&xdm_e=http%3A%2F%2Fwww.startupbros.com&xdm_c=default1632&xdm_p=1

They are not too smart then. Or did you not follow instructions on how to use their stuff on a self-hosted WP site? One or the other.

Other than this I dont think there is anything weird. Tons of connections to 3rd party sites but it seems fast enough. Gzip is on. Might want to check with Thesis forum/support about non-CSS code in CSS file.

I was wrong. Your images are not optimized at all. Try run page speed in Chrome. The cat one for example. Is nearly 700kb – almost seem like a jpeg saved in a strange way. In PS go with “Save for web…” or what they call it. There tools and online services for this. JPEGmini, tinyPNG and more. What ever it can be like 50kb, 100kb tops. So you should or could process images offline, try to keep WordPress from resizing them. Make images that fit like a glove – so they are inserted as “full”. A bit funky to mess with. Can set “full” to be max width with no sidebar, “large” to max width with sidebar. Get headache about this but it means quite a bit for performance. If 80% perfect or 90% is of no concern but all wrong is crap.

Image with books

1.024px × 682px (scaled to 600px × 400px)

That would annoy me. Should be 600×400. Size for that one not too crazy. This is where you could insert “large” which would be 600×400 = max size with sidebar. Or you can make own image category/format/size. There are plugins for this. Cant just change, nothing will happen. Must regenereat thumbnails, everything not full is a thumbnail. Deal with it 🙂 I never understand that concept.

http://wordpress.org/extend/plugins/ewww-image-optimizer/ is brilliant and automate much of this. IF it works on your server, test.