zoukankan      html  css  js  c++  java
  • [Javascript]2. Improve you speed! Script Execution

    Let's take a closer look at how a browser retrieves and acts on scripts.
    modern browser can parallel downloading 6 files(style sheets && images)
    at a time. BUT, when it see Scripts, the parallel downloading will stop!
    Therefore, any scripts in <head></head> which are not that necessary to be there
    might affect you browser performance

    1. Scripts that are not essential to immediate loading of the page should be
    moved as low as possible, in front of </body>

    2. With external files, the HTML5 async attribute will allow the rest of the
    page to load before the script runs.
    When browser loading page, once see async attribute,
    it will now fetch the script resource, but will continue parsing and rendering
    HTML, without waiting for the script to complete!

    <script src="formOjbect.js" async></script>

    -----------------------------Ex------------------------------

    "Be careful, for data intensive processes are the ones that will stop the show. Which of these included script tags will take the longest to load"

    inhabitants.js

    var invertedPeninsula = {
      inhabitants: [
        "Nipping Global Variable",
        "Sneaky For-in",
        "Bulging Blocking Script"
      ]
    }
    
    function populationGetter(){
      var population = invertedPeninsula.inhabitants;
      var list = "";
    
      for(var i = 0, ff = population.length; i < ff; i++){
        list += (population[i] + " ");
      }
      return list.trim();
    }
    
    populationGetter();

    info.js

    var land = "Inverted Peninsula";
    var character = "Dhuun";
    var lampsLit = 1;

    inhabitantsProto.js

    Array.prototype.killTheInsolent = function(){};
    Array.prototype.countPopulace = function(){};
    Array.prototype.countUndeadPopulace = function(){};
    Array.prototype.incesticide = function(){};
    Array.prototype.shadowProvider = function(){};
  • 相关阅读:
    [转]被玩坏的innerHTML、innerText、textContent和value属性
    在github上优雅的搭建个人博客
    使用jmeter进行压力测试入门讲解
    一、docker 入坑(win10和Ubuntu 安装)
    使用C#开发Android应用之WebApp
    Win10上的Docker应用:Kubernetes(容器集群)
    Win10上的Docker应用:Docker-compose(容器编排)
    Win10上的Docker应用:Hello World
    在web端使用html5访问远程桌面
    HtmlAgilityPack
  • 原文地址:https://www.cnblogs.com/Answer1215/p/3908421.html
Copyright © 2011-2022 走看看