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(){};
  • 相关阅读:
    深入理解JVM之JVM内存区域与内存分配
    Spring MVC配置文件的三个常用配置详解
    spring Bean类自动装载实现
    深入理解Java之线程池
    java 通过反射机制调用某个类的方法
    InvocationHandler中invoke()方法的调用问题
    线程 synchronized锁机制
    Java 并发编程:volatile的使用及其原理
    Java 修饰符
    Set、List、Map的区别和联系
  • 原文地址:https://www.cnblogs.com/Answer1215/p/3908421.html
Copyright © 2011-2022 走看看