* load twitter async so it doesn't block the page

This commit is contained in:
Reinhard Pointner 2011-12-08 15:05:34 +00:00
parent 5ee97945fb
commit d982c0a697
5 changed files with 41 additions and 5 deletions

View File

@ -36,6 +36,15 @@
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})(); })();
</script> </script>
<!-- twitter -->
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'http://platform.twitter.com/widgets.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</head> </head>
<body> <body>
<div class="page"> <div class="page">
@ -51,7 +60,7 @@
<div class="social"> <div class="social">
<div class="twitter" style="position:relative; top:3px;"> <div class="twitter" style="position:relative; top:3px;">
<a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="filebot_renamer" data-url="http://filebot.sourceforge.net/"></a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script> <a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="filebot_renamer" data-url="http://filebot.sourceforge.net/"></a>
</div> </div>
<div class="plusone" style="position:relative; left:25px; top:1px"> <div class="plusone" style="position:relative; left:25px; top:1px">
<g:plusone callback="_gaq.push(['_trackEvent','Social networking','Google Plus One',document.title])" href="http://filebot.sourceforge.net/"></g:plusone> <g:plusone callback="_gaq.push(['_trackEvent','Social networking','Google Plus One',document.title])" href="http://filebot.sourceforge.net/"></g:plusone>

View File

@ -1,7 +1,7 @@
code { code {
display: block; display: block;
font: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
line-height: 1.2em; line-height: 1.2em;
background-color: #f5f5f5; background-color: #f5f5f5;
border: thin dashed #a2a2a2; border: thin dashed #a2a2a2;

View File

@ -36,6 +36,15 @@
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})(); })();
</script> </script>
<!-- twitter -->
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'http://platform.twitter.com/widgets.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</head> </head>
<body> <body>
<div class="page" style="background-image: url('images/bg.hint.tutorial.png'); background-position: 565px 122px;"> <div class="page" style="background-image: url('images/bg.hint.tutorial.png'); background-position: 565px 122px;">
@ -51,7 +60,7 @@
<div class="social"> <div class="social">
<div class="twitter" style="position:relative; top:3px;"> <div class="twitter" style="position:relative; top:3px;">
<a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="filebot_renamer" data-url="http://filebot.sourceforge.net/"></a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script> <a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="filebot_renamer" data-url="http://filebot.sourceforge.net/"></a>
</div> </div>
<div class="plusone" style="position:relative; left:25px; top:1px"> <div class="plusone" style="position:relative; left:25px; top:1px">
<g:plusone callback="_gaq.push(['_trackEvent','Social networking','Google Plus One',document.title])" href="http://filebot.sourceforge.net/"></g:plusone> <g:plusone callback="_gaq.push(['_trackEvent','Social networking','Google Plus One',document.title])" href="http://filebot.sourceforge.net/"></g:plusone>

View File

@ -36,6 +36,15 @@
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})(); })();
</script> </script>
<!-- twitter -->
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'http://platform.twitter.com/widgets.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</head> </head>
<body> <body>
<div class="page"> <div class="page">
@ -51,7 +60,7 @@
<div class="social"> <div class="social">
<div class="twitter" style="position:relative; top:3px;"> <div class="twitter" style="position:relative; top:3px;">
<a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="filebot_renamer" data-url="http://filebot.sourceforge.net/"></a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script> <a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="filebot_renamer" data-url="http://filebot.sourceforge.net/"></a>
</div> </div>
<div class="plusone" style="position:relative; left:25px; top:1px"> <div class="plusone" style="position:relative; left:25px; top:1px">
<g:plusone callback="_gaq.push(['_trackEvent','Social networking','Google Plus One',document.title])" href="http://filebot.sourceforge.net/"></g:plusone> <g:plusone callback="_gaq.push(['_trackEvent','Social networking','Google Plus One',document.title])" href="http://filebot.sourceforge.net/"></g:plusone>

View File

@ -36,6 +36,15 @@
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})(); })();
</script> </script>
<!-- twitter -->
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'http://platform.twitter.com/widgets.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</head> </head>
<body> <body>
<div class="page"> <div class="page">
@ -51,7 +60,7 @@
<div class="social"> <div class="social">
<div class="twitter" style="position:relative; top:3px;"> <div class="twitter" style="position:relative; top:3px;">
<a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="filebot_renamer" data-url="http://filebot.sourceforge.net/"></a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script> <a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="filebot_renamer" data-url="http://filebot.sourceforge.net/"></a>
</div> </div>
<div class="plusone" style="position:relative; left:25px; top:1px"> <div class="plusone" style="position:relative; left:25px; top:1px">
<g:plusone callback="_gaq.push(['_trackEvent','Social networking','Google Plus One',document.title])" href="http://filebot.sourceforge.net/"></g:plusone> <g:plusone callback="_gaq.push(['_trackEvent','Social networking','Google Plus One',document.title])" href="http://filebot.sourceforge.net/"></g:plusone>