Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE HTML>
<html>
    <head>
        <title>Blank Page</title>
        <script>
            (function () {
                window.Stackla = window.Stackla || {};       
​
                // All the benchmarks
                Stackla.profilerRecords = [];
​
                // Method for adding a benchmark
                Stackla.addProfilerItem = function (label, finish, start) {
                    var duration;
                    if (start) {
                        duration = (finish - start) / 1000 + ' secs';
                        Stackla.profilerRecords.push([
                            '<span class="title">' + label + '</span>',
                            '<span class="content">' + duration + '</span>'
                        ].join(''));
                    } else {
                        Stackla.profilerRecords.push(label);
                    }
                };
​
                // Page Init At
                Stackla.pageInit = new Date();
                Stackla.addProfilerItem('Page Init: ' + Stackla.pageInit);
​
                // Page Load
                window.addEventListener('load', function () {
                    Stackla.pageLoad = new Date();
                    Stackla.addProfilerItem('Page Load: ', Stackla.pageLoad, Stackla.pageInit);
                });
​
                // DOMReady
                document.addEventListener('DOMContentLoaded', function () {
                    Stackla.pageReady = new Date();
                    Stackla.addProfilerItem('Page Ready: ', Stackla.pageReady, Stackla.pageInit);
                });
​
                // Widget Finish Load
                window.addEventListener('message', function (e) {
                    var data = JSON.parse(e.data),
                        listEl = document.createElement('ul');
​
                    if (data.action !== 'initComplete') {
                        return;
                    }
​
                    Stackla.widgetLoad = new Date();
                    Stackla.addProfilerItem('Widget Finish Load: ', Stackla.widgetLoad, Stackla.pageInit);
​
                    Stackla.profilerRecords.forEach(function (record, i) {
                        var itemEl = document.createElement('li');
                        itemEl.innerHTML = record;
                        listEl.appendChild(itemEl);
                    });
​
                    listEl.setAttribute('id', 'stackla-widget-profiler');
​
                    // Output the Profiler
                    document.body.appendChild(listEl);
                });
            }());
        </script>    
    </head>
    <body>
        <div class="stackla-widget" data-id="5387" data-hash="5604e9d4ac9b6" data-ct=""
             data-title="#Stacklalife Web (DONT TOUCH)" data-alias="stackla-social.stackla.com" data-ttl="30" style="width: 100%; overflow: hidden;">
        </div>
        <script type="text/javascript">
            (function (d, id) {
                var t, el = d.scripts[d.scripts.length - 1].previousElementSibling;
                el.dataset.initTimestamp = (new Date()).getTime();
                if (d.getElementById(id)) return;
​
                // ADD THE FOLLOWING 2 LINES HERE
                Stackla.widgetBeforeLoad = new Date();
                Stackla.addProfilerItem('Widget Embed Start: ', Stackla.widgetBeforeLoad, Stackla.pageInit);
​
                t = d.createElement('script');
                t.src = '//assetscdn.stackla.com/media/js/widget/fluid-embed.js';
                t.id = id;
​
                // ADD THE FOLLOWING 4 LINES HERE
                t.addEventListener('load', function () {
                    Stackla.widgetLoad = new Date();
                    Stackla.addProfilerItem('Widget Embed Finish: ', Stackla.widgetLoad, Stackla.widgetBeforeLoad);
                });
​
                (d.getElementsByTagName('head')[0] || d.getElementsByTagName('body')[0]).appendChild(t);
            }(document, 'stackla-widget-js'));
        </script>
    </body>
</html>
 
/* #stackla-widget-profiler (start) */
#stackla-widget-profiler {
    right: 0;
    font-family: 'Avenir Next', 'Open Sans', 'PT Sans', 'DejaVu Sans', 'Bitstream Vera Sans', Verdana, sans-serif;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    position: fixed;
    top: 0;
    width: 400px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
    z-index: 2;
    background: #eee;
    border: solid 1px #999;
    font-size: 13px;
    font-family; 'OpenSans'
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: left;
    z-index: 65535;
}
#stackla-widget-profiler {
    margin: 0;
    padding: 0;
}
#stackla-widget-profiler li {
    border-bottom: solid 1px #999;
    padding: 3px;
    margin: 0;
    list-style-type: none;
}
#stackla-widget-profiler li:last-child {
    border-bottom: none;
}
#stackla-widget-profiler li .content {
    color: #a00;
    text-align: right;
}
/* #stackla-widget-profiler (end) */
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers