Surnia Ulula

UNIX Ideas for SysAdmins

PHP Class to Cache Remote Content by URL

Categories: PHP, WordPress

Tags: cache, google+, javascript, php, social buttons, tumblr, url, wordpress

Comments: No Comments

Published on: Thursday, February 14th, 2013

While developing the NextGEN Facebook OG plugin for WordPress, which adds social buttons from Facebook, Google+, LinkedIn, etc. to content and pages (along with several other features), I found the response time from these websites to be disappointing at times. When speed testing the pages of my websites, the JavaScript and images from these social elements would sometimes be a significant part of the total page load time. You can’t really save a copy of these files and serve them yourself, because they are frequently updated. You could create a cronjob to update them on a regular basis, but the maintenance of this can be cumbersome (as you add or remove files, etc.). It’s much easier to use a PHP method that caches and refreshes the remote files, and translate the URL at the same time. For example, something like:

$url = $cache->get( $url );

1	$url = $cache->get( $url );

Asynchronous JavaScript for Social Website Buttons

by Jean-Sebastien Morisset

Categories: JavaScript

Tags: asynchronous, button, javascript, load, share, social, speed, time, webpage

Comments: 2 Comments

Published on: Saturday, January 19th, 2013

Every social website offers some-kind of JavaScript code to insert their button on webpages. Unfortunately, there’s no standard when it comes to the JavaScript code itself — some, like Google+’s +1 button are fairly sophisticated, with different ways to load and render the button, and others like LinkedIn, offer just a simple JavaScript URL to fetch. Here are Google+ and LinkedIn’s suggested buttons for comparison.

<!-- Place this tag where you want the +1 button to render. -->
<div class="g-plusone" data-size="medium" data-annotation="none"></div>

<!-- Place this tag after the last +1 button tag. -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

(function() {

var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;

po.src = 'https://apis.google.com/js/plusone.js';

var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);

})();

</script>

<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/Share" data-counter="top"></script>

1 2	<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script> <script type="IN/Share" data-counter="top"></script>

Conceal Email Address with JavaScript

by Jean-Sebastien Morisset

Categories: JavaScript, Perl, UNIX (Generic)

Tags: address, conceal, email, hide, javascript, mailto, spider

Comments: No Comments

Published on: Saturday, September 29th, 2012

I wrote this perl script years ago when I needed to include my email address on a webpage, but also conceal it from spam bots and spiders.

#!/usr/bin/perl -w

# /usr/local/bin/esc-mailto.pl
# Conceal email address with javaScript.
# by Jean-Sebastien Morisset (http://surniaulula.com/)

use strict;

my ($email, $text) = @ARGV;
$text = $email if (!$text);

if ($email && $text) {
	my $mailto = "<a href=\"mailto:$email\" class=\"esc-mailto\">$text</a>";
	$mailto =~ s/(.)/sprintf("%%%x", ord($1))/ge;
	print "<script language=\"JavaScript\">document.write(unescape(\"$mailto\"))</script>\n";
} else {
	print "syntax: $0 {email_address} [optional_link_text]\n";
	exit 1;
}

exit 0;

#!/usr/bin/perl -w

# /usr/local/bin/esc-mailto.pl

# Conceal email address with javaScript.

# by Jean-Sebastien Morisset (http://surniaulula.com/)

use strict;

my ($email, $text) = @ARGV;

$text = $email if (!$text);

if ($email && $text) {

my $mailto = "<a href=\"mailto:$email\" class=\"esc-mailto\">$text</a>";

$mailto =~ s/(.)/sprintf("%%%x", ord($1))/ge;

print "<script language=\"JavaScript\">document.write(unescape(\"$mailto\"))</script>\n";

} else {

print "syntax: $0 {email_address} [optional_link_text]\n";

exit 1;

}

exit 0;

page 1 of 1