All geek questions in one place

GWT BOOTSTRAP - Question

Reading the GWT Bootstrap page on a Google page, I have a question. ( http://code.google.com/p/google-web-toolkit-doc-1-5/wiki/FAQ_WhenDoModulesLoad )

Assumptions: Most browsers allow you to receive a maximum of two simultaneous connections to obtain resources.

HTML page:

<html> <body onload='alert("w00t!")'> <img src='bigImageZero.jpg'></img> <script source='externalScriptZero.js'></script> <img src='bigImageOne.jpg'></img> <img src='reallyBigImageTwo.jpg'></img> <script src='com.example.app.App.nocache.js'></script> <script src='externalScriptOne.js'></script> </body> </html>

So, bootstrap consists of:

  • The HTML document is extracted and parsing begins.
  • Start by downloading bigImageZero.jpg.
  • Start fetching externalScriptZero.js.
  • bigImageZero.jpg completes (say). Parsing is blocked until the external interface of ScriptZero.js is retrieved and evaluated.
  • externalScriptZero.js is ending.
  • Start by loading bigImageOne.jpg and reallyBigImageTwo.jpg at the same time.
  • bigImageOne.jpg ( ). com.example.app.App.nocache.js .
  • ... nocache.js , script (... cache.js) ( ).
  • ... cache.js . onModuleLoad() , externalScriptOne.js, "".
  • externalScriptOne.js . , onModuleLoad().
  • reallyBigImageTwo.jpg .

  • body.onload() , alert().

    :

    JAVASCRIPT , ModuleLoad ( 10)?

+3
2

:

  • <img> onModuleLoad().
  • <script> onModuleLoad().

, onModuleLoad(), externalScriptOne.js, , script.

+2

nocache.js, cache.js <script> <script>. <script> , <script> , . <script> , - . <script> onModuleLoad(), - , , body.onload

; , .

0

Source: https://habr.com/ru/post/1754482/

More articles:


All Articles