title: Defer script for pagespeed
body: <p>I'm trying to reduce pagespeed, so have tried 'defer attribution' in both external Javascripts. However, when I use defer attribution, my video clip, for my main web-site, disappears.</p>
  
  <p>Please let me know how to solve this problem.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html dir="ltr" lang="en-US"&gt;
  &lt;head&gt;
  
  &lt;meta http-equiv="content-type" content="text/html; charset=utf-8" /&gt;
  &lt;meta name="author" content="SemiColonWeb" /&gt;
  &lt;!-- Stylesheets
  ============================================= --&gt;
  &lt;link href="http://fonts.googleapis.com/earlyaccess/jejugothic.css" rel="stylesheet" type="text/css" /&gt;
  &lt;link href="http://fonts.googleapis.com/css?family=Lato:300,400,400italic,600,700|Raleway:300,400,500,600,700|Crete+Round:400italic" rel="stylesheet" type="text/css" /&gt;
  &lt;link rel="stylesheet" href="css/bootstrap.css" type="text/css" /&gt;
  &lt;link rel="stylesheet" href="style.css" type="text/css" /&gt;
  &lt;link rel="stylesheet" href="css/dark.css" type="text/css" /&gt;
  &lt;link rel="stylesheet" href="css/font-icons.css" type="text/css" /&gt;
  &lt;link rel="stylesheet" href="css/animate.css" type="text/css" /&gt;
  &lt;link rel="stylesheet" href="css/magnific-popup.css" type="text/css" /&gt;
  
  &lt;link rel="stylesheet" href="css/responsive.css" type="text/css" /&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /&gt;
  &lt;!--[if lt IE 9]&gt;
      &lt;script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"&gt;&lt;/script&gt;
  &lt;![endif]--&gt;
  
  &lt;!-- External JavaScripts
  ============================================= --&gt;
  &lt;script type="text/javascript" src="js/jquery.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/plugins.js"&gt;&lt;/script&gt;
  
  &lt;!-- SLIDER REVOLUTION 4.x SCRIPTS  --&gt;
  &lt;script type="text/javascript"  src="include/rs-plugin/js/jquery.themepunch.tools.min.js" defer&gt;&lt;/script&gt;
  &lt;script type="text/javascript"  src="include/rs-plugin/js/jquery.themepunch.revolution.min.js" defer&gt;&lt;/script&gt;
  
  &lt;!-- SLIDER REVOLUTION 4.x CSS SETTINGS --&gt;
  &lt;link rel="stylesheet" type="text/css" href="include/rs-plugin/css/settings.css" media="screen"/&gt;
  
  &lt;!-- Document Title
  ============================================= --&gt;
  &lt;title&gt;title&lt;/title&gt;
  
  &lt;style&gt;
  
      .revo-slider-emphasis-text {
          font-size: 64px;
          font-weight: 700;
          letter-spacing: -1px;
          font-family: 'Raleway', sans-serif;
          padding: 15px 20px;
          border-top: 2px solid #FFF;
          border-bottom: 2px solid #FFF;
      }
  
      .revo-slider-desc-text {
          font-size: 20px;
          font-family: 'Lato', sans-serif;
          width: 650px;
          text-align: center;
          line-height: 1.5;
      }
  
      .revo-slider-caps-text {
          font-size: 16px;
          font-weight: 400;
          letter-spacing: 3px;
          font-family: 'Raleway', sans-serif;
      }
  
   &lt;/style&gt;
  
  &lt;/head&gt;
  
  &lt;body class="stretched"&gt;
  
  &lt;!-- Document Wrapper
  ============================================= --&gt;
  &lt;div id="wrapper" class="clearfix"&gt;
  
      &lt;!-- Header
      ============================================= --&gt;
      &lt;header id="header" class="transparent-header full-header" data-sticky-class="not-dark"&gt;
  
  
          &lt;div id="header-wrap"&gt;
  
              &lt;div class="container clearfix"&gt;
  
                  &lt;div id="primary-menu-trigger"&gt;&lt;i class="icon-reorder"&gt;&lt;/i&gt;&lt;/div&gt;
  
                  &lt;!-- Logo
                  ============================================= --&gt;
                  &lt;div id="logo"&gt;
                      &lt;a href="index.html" class="standard-logo" data-dark-logo="images/Logo.png"&gt;&lt;img src="images/Logo.png" alt="Logo"&gt;&lt;/a&gt;
                      &lt;a href="index.html" class="retina-logo" data-dark-logo="images/Logo2.png"&gt;&lt;img src="images/Logo2.png" alt="Logo"&gt;&lt;/a&gt;
                  &lt;/div&gt;&lt;!-- #logo end --&gt;
  
                  &lt;!-- Primary Navigation
                  ============================================= --&gt;
                  &lt;nav id="primary-menu"&gt;
  
                      &lt;ul&gt;
                          &lt;li class="current"&gt;&lt;a href="index.html"&gt;&lt;div&gt;HOME&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;    
  
                          &lt;li&gt;&lt;a href="home-greeting.html"&gt;&lt;div&gt;Welcome&lt;/div&gt;&lt;/a&gt;
                              &lt;ul&gt;
                                  &lt;li&gt;&lt;a href="home-greeting.html"&gt;&lt;div&gt;Greeting&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;                                         
                                  &lt;li&gt;&lt;a href="home-about.html"&gt;&lt;div&gt;About us&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;                                     
                                  &lt;li&gt;&lt;a href="home-staff.html"&gt;&lt;div&gt;Staff&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
                                  &lt;li&gt;&lt;a href="feature-contact.html"&gt;&lt;div&gt;Contact Us&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
                                  &lt;li&gt;&lt;a href="home-news.html"&gt;&lt;div&gt;News&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;                                     
                              &lt;/ul&gt;
                          &lt;/li&gt;
  
                          &lt;li&gt;&lt;a href="timeAndPlace.html"&gt;&lt;div&gt;Service&lt;/div&gt;&lt;/a&gt;
                              &lt;ul&gt;
                                  &lt;li&gt;&lt;a href="timeAndPlace.html"&gt;&lt;div&gt;Time&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
                                  &lt;li&gt;&lt;a href="galilee-calendar.html"&gt;&lt;div&gt;Calendar&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
                              &lt;/ul&gt;
                          &lt;/li&gt;
  
  
                          &lt;li&gt;&lt;a href="media-video.html"&gt;&lt;div&gt;Media&lt;/div&gt;&lt;/a&gt;
                              &lt;ul&gt;
                                  &lt;li&gt;&lt;a href="media-video.html"&gt;&lt;div&gt;&lt;i class="icon-play"&gt;&lt;/i&gt;Video&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
                                  &lt;li&gt;&lt;a href="media-galleries.html"&gt;&lt;div&gt;&lt;i class="icon-picture"&gt;&lt;/i&gt;Gallery&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
                              &lt;/ul&gt;
  
  
  
                          &lt;/li&gt;
                          &lt;li&gt;&lt;a href="ministries-prayer.html"&gt;&lt;div&gt;Ministries&lt;/div&gt;&lt;/a&gt;
                              &lt;ul&gt;
                                  &lt;li&gt;&lt;a href="ministries-prayer.html"&gt;&lt;div&gt;Pray&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
                                  &lt;li&gt;&lt;a href="ministries-local-missions.html"&gt;&lt;div&gt;Local Mission&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
                                  &lt;li&gt;&lt;a href="ministries-global-missions.html"&gt;&lt;div&gt;Global Mission&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
                                  &lt;li&gt;&lt;a href="ministries-outdoors.html"&gt;&lt;div&gt;Outdoors&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
                              &lt;/ul&gt;
  
                          &lt;/li&gt;
  
                      &lt;/ul&gt;
  
  
                  &lt;/nav&gt;&lt;!-- #primary-menu end --&gt;
  
              &lt;/div&gt;
  
          &lt;/div&gt;
  
      &lt;/header&gt;&lt;!-- #header end --&gt;
  
      &lt;section id="slider" class="slider-parallax revoslider-wrap clearfix"&gt;
  
          &lt;!--
          #################################
              - THEMEPUNCH BANNER -
          #################################
          --&gt;
          &lt;div class="tp-banner-container"&gt;
              &lt;div class="tp-banner" &gt;
                  &lt;ul&gt;    &lt;!-- SLIDE  --&gt;
                      &lt;li class="dark" data-transition="fade" data-slotamount="1" data-masterspeed="1000" data-thumb="images/slider/rev/main/s1-thumb.jpg"  data-saveperformance="off"  data-title="Welcome to Galilee"&gt;
                          &lt;!-- MAIN IMAGE --&gt;
  
                          &lt;!-- LAYERS --&gt;
  
                          &lt;!-- LAYER NR. 1 --&gt;
                          &lt;div class="tp-caption tp-fade fadeout fullscreenvideo"
                              data-x="0"
                              data-y="0"
                              data-speed="1000"
                              data-start="1100"
                              data-easing="Power4.easeOut"
                              data-elementdelay="0.01"
                              data-endelementdelay="0.1"
                              data-endspeed="1500"
                              data-endeasing="Power4.easeIn"
                              data-autoplay="true"
                              data-autoplayonlyfirsttime="false"
                              data-nextslideatend="true" 
                              data-volume="mute" data-forceCover="1" data-aspectratio="16:9" data-forcerewind="on" style="z-index: 2;"&gt;&lt;video class="" preload="none" width="100%" height="100%"&gt;
                          &lt;source src='images/videos/greeting.mp4' type='video/mp4' /&gt;&lt;/video&gt;
  
                          &lt;/div&gt;
  
                          &lt;!-- LAYER NR. 2 --&gt;
                          &lt;div class="tp-caption customin ltl tp-resizeme revo-slider-caps-text uppercase"
                          data-x="350"
                          data-y="280"
                          data-customin="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
                          data-speed="800"
                          data-start="1000"
                          data-easing="easeOutQuad"
                          data-splitin="none"
                          data-splitout="none"
                          data-elementdelay="0.01"
                          data-endelementdelay="0.1"
                          data-endspeed="1000"
                          data-endeasing="Power4.easeIn" style="z-index: 3;"&gt;This is&lt;/div&gt;
  
                          &lt;div class="tp-caption customin ltl tp-resizeme revo-slider-emphasis-text nopadding noborder"
                          data-x="270"
                          data-y="300"
                          data-customin="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
                          data-speed="800"
                          data-start="1200"
                          data-easing="easeOutQuad"
                          data-splitin="none"
                          data-splitout="none"
                          data-elementdelay="0.01"
                          data-endelementdelay="0.1"
                          data-endspeed="1000"
                          data-endeasing="Power4.easeIn" style="z-index: 3;"&gt;Welcome&lt;/div&gt;                                                
                      &lt;/li&gt;
                  &lt;/ul&gt;
  
              &lt;/div&gt;
  
          &lt;/div&gt;
  
          &lt;script type="text/javascript"&gt;
  
              var tpj=jQuery;
              tpj.noConflict();
  
              tpj(document).ready(function() {
  
                  var apiRevoSlider = tpj('.tp-banner').show().revolution(
                  {
                      dottedOverlay:"none",
                      delay:9000,
                      startwidth:1140,
                      startheight:700,
                      hideThumbs:200,
  
                      thumbWidth:100,
                      thumbHeight:50,
                      thumbAmount:3,
  
                      navigationType:"none",
                      navigationArrows:"solo",
                      navigationStyle:"preview4",
  
                      touchenabled:"on",
                      onHoverStop:"on",
  
                      swipe_velocity: 0.7,
                      swipe_min_touches: 1,
                      swipe_max_touches: 1,
                      drag_block_vertical: false,
  
  
                      parallax:"mouse",
                      parallaxBgFreeze:"on",
                      parallaxLevels:[8,7,6,5,4,3,2,1],
                      parallaxDisableOnMobile:"on",
  
  
                      keyboardNavigation:"on",
  
                      navigationHAlign:"center",
                      navigationVAlign:"bottom",
                      navigationHOffset:0,
                      navigationVOffset:20,
  
                      soloArrowLeftHalign:"left",
                      soloArrowLeftValign:"center",
                      soloArrowLeftHOffset:20,
                      soloArrowLeftVOffset:0,
  
                      soloArrowRightHalign:"right",
                      soloArrowRightValign:"center",
                      soloArrowRightHOffset:20,
                      soloArrowRightVOffset:0,
  
                      shadow:0,
                      fullWidth:"off",
                      fullScreen:"on",
  
                      spinner:"spinner0",
  
                      stopLoop:"off",
                      stopAfterLoops:-1,
                      stopAtSlide:-1,
  
                      shuffle:"off",
  
  
                      forceFullWidth:"off",
                      fullScreenAlignForce:"off",
                      minFullScreenHeight:"400",
  
                      hideThumbsOnMobile:"off",
                      hideNavDelayOnMobile:1500,
                      hideBulletsOnMobile:"off",
                      hideArrowsOnMobile:"off",
                      hideThumbsUnderResolution:0,
  
                      hideSliderAtLimit:0,
                      hideCaptionAtLimit:0,
                      hideAllCaptionAtLilmit:0,
                      startWithSlide:0,
                      fullScreenOffsetContainer: ".header"
                  });
  
                  apiRevoSlider.bind("revolution.slide.onchange",function (e,data) {
                      if( $(window).width() &gt; 992 ) {
                          if( $('#slider ul &gt; li').eq(data.slideIndex-1).hasClass('dark') ){
                              $('#header.transparent-header:not(.sticky-header,.semi-transparent)').addClass('dark');
                              $('#header.transparent-header.sticky-header,#header.transparent-header.semi-transparent.sticky-header').removeClass('dark');
                              $('#header-wrap').removeClass('not-dark');
                          } else {
                              if( $('body').hasClass('dark') ) {
                                  $('#header.transparent-header:not(.semi-transparent)').removeClass('dark');
                                  $('#header.transparent-header:not(.sticky-header,.semi-transparent)').find('#header-wrap').addClass('not-dark');
                              } else {
                                  $('#header.transparent-header:not(.semi-transparent)').removeClass('dark');
                                  $('#header-wrap').removeClass('not-dark');
                              }
                          }
                          SEMICOLON.header.darkLogo();
                      }
                  });
  
              }); //ready
  
          &lt;/script&gt;
  
  
          &lt;!-- END REVOLUTION SLIDER --&gt;
  
      &lt;/section&gt;
  
      &lt;!-- Content
      ============================================= --&gt;
      &lt;section id="content"&gt;
  
          &lt;div class="content-wrap"&gt;
  
              &lt;div class="container clearfix"&gt;
                  &lt;div class="row clearfix"&gt;
  
                      &lt;div class="col-lg-5"&gt;
                          &lt;div class="heading-block topmargin"&gt;
                              &lt;h1&gt;Welcome&lt;/h1&gt;
                          &lt;/div&gt;
                          &lt;p class="lead"&gt;Welcoming!!&lt;/p&gt;
                      &lt;/div&gt;
  
                      &lt;div class="col-lg-7"&gt;
  
                          &lt;div style="position: relative; margin-top: 60px;" class="ohidden" data-height-lg="426" data-height-md="567" data-height-sm="470" data-height-xs="287" data-height-xxs="183"&gt;
                              &lt;img src="images/portfolio/welcome.jpg" style="position: absolute; top: 0; left: 0;" data-animate="fadeInUp" data-delay="100" alt="Chrome"&gt;
  
                          &lt;/div&gt;
  
                      &lt;/div&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;script type="text/javascript"&gt;
  
                  jQuery(window).load(function(){
  
                      var $container = $('#portfolio');
  
                      $container.isotope({
                          transitionDuration: '0.65s',
                          masonry: {
                              columnWidth: $container.find('.portfolio-item:not(.wide)')[0]
                          }
                      });
  
                      $('#page-menu a').click(function(){
                          $('#page-menu li').removeClass('current');
                          $(this).parent('li').addClass('current');
                          var selector = $(this).attr('data-filter');
                          $container.isotope({ filter: selector });
                          return false;
                      });
  
                      $(window).resize(function() {
                          $container.isotope('layout');
                      });
  
                  });
  
              &lt;/script&gt;
  
          &lt;/div&gt;
  
      &lt;/section&gt;&lt;!-- #content end --&gt;
  
  
  
          &lt;!-- Copyrights
          ============================================= --&gt;
          &lt;div id="copyrights"&gt;
  
              &lt;div class="container clearfix"&gt;
  
                  &lt;div class="col_half"&gt;
                      ⓒ 2014 godlovesjoe&lt;br&gt;
  
                  &lt;/div&gt;
  
                  &lt;div class="col_half col_last tright"&gt;
                      &lt;div class="fright clearfix"&gt;
                          &lt;a href="https://www.facebook.com" class="social-icon si-small si-borderless si-facebook"&gt;
                              &lt;i class="icon-facebook"&gt;&lt;/i&gt;
                              &lt;i class="icon-facebook"&gt;&lt;/i&gt;
                          &lt;/a&gt;
  
                          &lt;a href="http://www.webpage.com/" class="social-icon si-small si-borderless si-globe"&gt;
                              &lt;i class="icon-globe"&gt;&lt;/i&gt;
                              &lt;i class="icon-globe"&gt;&lt;/i&gt;
                          &lt;/a&gt;
                      &lt;/div&gt;
  
                      &lt;div class="clear"&gt;&lt;/div&gt;
  
                      &lt;i class="icon-envelope2"&gt;&lt;/i&gt; email-address@hotmail.com &lt;span class="middot"&gt;&amp;middot;&lt;/span&gt; &lt;i class="icon-phone-sign"&gt;&lt;/i&gt; (+1)604-657-3937&lt;span class="middot"&gt;&amp;middot;&lt;/span&gt; 
                  &lt;/div&gt;
  
              &lt;/div&gt;
  
          &lt;/div&gt;&lt;!-- #copyrights end --&gt;
  
      &lt;/footer&gt;&lt;!-- #footer end --&gt;
  
  &lt;/div&gt;&lt;!-- #wrapper end --&gt;
  
  &lt;!-- Go To Top
  ============================================= --&gt;
  &lt;div id="gotoTop" class="icon-angle-up"&gt;&lt;/div&gt;
  
  &lt;!-- Footer Scripts
  ============================================= --&gt;
  &lt;script type="text/javascript" src="js/functions.js" defer&gt;&lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>