search

HDAT / hdat-frontend

Frontend interface in which all the hdat projects visualize
1 stars 0 forks source link

Bundle analyse #28

Open evanzummeren opened 8 years ago

evanzummeren commented 8 years ago

Ik heb geen idee waar dit nu precies de analyse van is. De vendor bundle of de bundle.js Vreemde is dat dit ding slechts rond de 7 a 8 mb is, terwijl de vendor kleiner is dan dat (4,1) en de bundle vele malen groter is (21,2).

Gebruiken wij overigens lodash (soort van underscore?) en ramda? 

react: 648.14 kB (8.89%)
  fbjs: 37.79 kB (5.83%)
    <self>: 37.79 kB (100%)
  <self>: 610.35 kB (94.2%)
lodash: 475.79 kB (6.52%)
  <self>: 475.79 kB (100%)
ramda: 257.14 kB (3.53%)
  <self>: 257.14 kB (100%)
leaflet: 234.66 kB (3.22%)
  <self>: 234.66 kB (100%)
webpack-dev-server: 166.99 kB (2.29%)
  socket.io-client: 164.61 kB (98.6%)
    engine.io-client: 82.42 kB (50.1%)
      engine.io-parser: 25.77 kB (31.3%)
        utf8: 6.23 kB (24.2%)
          <self>: 6.23 kB (100%)
        blob: 2.15 kB (8.33%)
          <self>: 2.15 kB (100%)
        base64-arraybuffer: 1.66 kB (6.46%)
          <self>: 1.66 kB (100%)
        arraybuffer.slice: 725 B (2.75%)
          <self>: 725 B (100%)
        after: 685 B (2.60%)
          <self>: 685 B (100%)
        <self>: 14.36 kB (55.7%)
      debug: 9.18 kB (11.1%)
        ms: 1.98 kB (21.5%)
          <self>: 1.98 kB (100%)
        <self>: 7.2 kB (78.5%)
      parseuri: 1.17 kB (1.41%)
        <self>: 1.17 kB (100%)
      parsejson: 842 B (0.998%)
        <self>: 842 B (100%)
      ws: 831 B (0.985%)
        <self>: 831 B (100%)
      has-cors: 715 B (0.847%)
        global: 257 B (35.9%)
          <self>: 257 B (100%)
        <self>: 458 B (64.1%)
      parseqs: 708 B (0.839%)
        <self>: 708 B (100%)
      component-inherit: 146 B (0.173%)
        <self>: 146 B (100%)
      <self>: 43.14 kB (52.3%)
    socket.io-parser: 50.69 kB (30.8%)
      json3: 39.13 kB (77.2%)
        <self>: 39.13 kB (100%)
      isarray: 120 B (0.231%)
        <self>: 120 B (100%)
      <self>: 11.44 kB (22.6%)
    component-emitter: 2.93 kB (1.78%)
      <self>: 2.93 kB (100%)
    debug: 2.4 kB (1.46%)
      <self>: 2.4 kB (100%)
    backo2: 1.37 kB (0.830%)
      <self>: 1.37 kB (100%)
    has-binary: 1.18 kB (0.714%)
      isarray: 120 B (9.97%)
        <self>: 120 B (100%)
      <self>: 1.06 kB (90.0%)
    object-component: 1.15 kB (0.697%)
      <self>: 1.15 kB (100%)
    parseuri: 690 B (0.409%)
      <self>: 690 B (100%)
    component-bind: 474 B (0.281%)
      <self>: 474 B (100%)
    to-array: 216 B (0.128%)
      <self>: 216 B (100%)
    indexof: 199 B (0.118%)
      <self>: 199 B (100%)
    <self>: 20.93 kB (12.7%)
  strip-ansi: 296 B (0.173%)
    ansi-regex: 135 B (45.6%)
      <self>: 135 B (100%)
    <self>: 161 B (54.4%)
  <self>: 2.09 kB (1.25%)
bootstrap-sass: 139.6 kB (1.91%)
  <self>: 139.6 kB (100%)
immutable: 139.59 kB (1.91%)
  <self>: 139.59 kB (100%)
babel-core: 135.05 kB (1.85%)
  core-js: 113.89 kB (84.3%)
    <self>: 113.89 kB (100%)
  <self>: 247 B (0.179%)
react-leaflet: 91.42 kB (1.25%)
  <self>: 91.42 kB (100%)
react-router: 79.78 kB (1.09%)
  warning: 1.76 kB (2.21%)
    <self>: 1.76 kB (100%)
  invariant: 1.5 kB (1.89%)
    <self>: 1.5 kB (100%)
  <self>: 76.51 kB (95.9%)
history: 57.55 kB (0.789%)
  qs: 12.58 kB (21.9%)
    <self>: 12.58 kB (100%)
  deep-equal: 3.8 kB (6.61%)
    <self>: 3.8 kB (100%)
  warning: 1.76 kB (3.07%)
    <self>: 1.76 kB (100%)
  invariant: 1.5 kB (2.61%)
    <self>: 1.5 kB (100%)
  <self>: 37.91 kB (65.9%)
webpack: 45.83 kB (0.628%)
  node-libs-browser: 42.56 kB (92.9%)
    url: 26.24 kB (61.7%)
      querystring: 4.51 kB (17.2%)
        <self>: 4.51 kB (100%)
      <self>: 21.74 kB (82.8%)
    punycode: 14.31 kB (33.6%)
      <self>: 14.31 kB (100%)
    <self>: 0 B (0.00%)
  <self>: 3.28 kB (7.15%)
superagent: 27.03 kB (0.371%)
  component-emitter: 2.93 kB (10.9%)
    <self>: 2.93 kB (100%)
  reduce-component: 405 B (1.46%)
    <self>: 405 B (100%)
  <self>: 23.71 kB (87.7%)
react-hot-loader: 13 kB (0.178%)
  react-hot-api: 8.92 kB (68.6%)
    <self>: 8.92 kB (100%)
  <self>: 4.08 kB (31.4%)
style-loader: 5.95 kB (0.0816%)
  <self>: 5.95 kB (100%)
css-loader: 1.47 kB (0.0202%)
  <self>: 1.47 kB (100%)
react-dom: 63 B (0.000844%)
  <self>: 63 B (100%)
react-addons-css-transition-group: 62 B (0.000830%)
  <self>: 62 B (100%)
babel: 49 B (0.000656%)
  <self>: 49 B (100%)
<self>: 4.66 MB (65.5%)
evanzummeren commented 8 years ago

Ah, wat hij doet is: wanneer je webpack draait kan je ook een json output genereren. Met andere woorden volgens mij checkt tie zowel niet de vendor.bundle.js als de bundle.js

Zaturrby commented 8 years ago

Schoon hem maar op zou ik zeggen; lodash ramda gebruiken we geen van tweeen; het zijn beiden utility libraries, de laatste in functionele stijl. Chceck of het errored en mik het er anders uit.

evanzummeren commented 8 years ago

Done. Hij werkt nog.

Ik had er een uglifyer in gemikt, de bundle ging ineens van 21,2 naar een whopping 2,1... Draaien van webpack gaf geen error, maar vervolgens kijk ik op localhost. Een wit canvas. Geen error in de console, de dom is geladen. Argh

Maar goed, we kunnen hem met een beetje uglifyen dus flink verkleinen :)

Zaturrby commented 8 years ago

Wel begrijpbaar ergens. Er zitten natuurlijk variabele namen van hier to Tokio in. Factor 10. Haal je al als je alle variabelen van 10 naar 1 teken haalt.

Op 23 nov. 2015, om 19:44 heeft Erik van Zummeren notifications@github.com het volgende geschreven:

Done. Hij werkt nog.

Ik had er een uglifyer in gemikt, de bundle ging ineens van 21,2 naar een whopping 2,1... Draaien van webpack gaf geen error, maar vervolgens kijk ik op localhost. Een wit canvas. Geen error in de console, de dom is geladen. Argh

Maar goed, we kunnen hem met een beetje uglifyen dus flink verkleinen :)

— Reply to this email directly or view it on GitHub https://github.com/HDAT/HDAT/issues/28#issuecomment-159024519.

evanzummeren commented 8 years ago

Oke, niets gezegd. Dat had dus een andere oorzaak. (Ik had niet door dat de CommonsChunckPlugin vrij belangrijk was :). Tis gelukt. 2,1 mb, de vendor blijft flink. Ga hem nu pushen!

evanzummeren commented 8 years ago 
react: 625.23 kB (9.61%)
  fbjs: 34.28 kB (5.48%)
    <self>: 34.28 kB (100%)
  <self>: 590.95 kB (94.5%)
leaflet: 225.26 kB (3.46%)
  <self>: 225.26 kB (100%)
react-leaflet: 169.58 kB (2.61%)
  lodash: 73.98 kB (43.6%)
    <self>: 73.98 kB (100%)
  <self>: 95.59 kB (56.4%)
webpack-dev-server: 163.01 kB (2.50%)
  sockjs-client: 160.3 kB (98.3%)
    json3: 42.28 kB (26.4%)
      <self>: 42.28 kB (100%)
    debug: 9.95 kB (6.21%)
      ms: 2.28 kB (22.9%)
        <self>: 2.28 kB (100%)
      <self>: 7.67 kB (77.1%)
    url-parse: 9.76 kB (6.09%)
      querystringify: 1.27 kB (13.0%)
        <self>: 1.27 kB (100%)
      requires-port: 753 B (7.53%)
        <self>: 753 B (100%)
      <self>: 7.76 kB (79.5%)
    inherits: 672 B (0.409%)
      <self>: 672 B (100%)
    <self>: 97.65 kB (60.9%)
  strip-ansi: 296 B (0.177%)
    ansi-regex: 135 B (45.6%)
      <self>: 135 B (100%)
    <self>: 161 B (54.4%)
  <self>: 2.42 kB (1.48%)
babel-polyfill: 139.71 kB (2.15%)
  core-js: 118.55 kB (84.9%)
    <self>: 118.55 kB (100%)
  <self>: 209 B (0.146%)
react-router: 79.68 kB (1.22%)
  warning: 1.76 kB (2.21%)
    <self>: 1.76 kB (100%)
  invariant: 1.48 kB (1.86%)
    <self>: 1.48 kB (100%)
  <self>: 76.44 kB (95.9%)
history: 60.52 kB (0.930%)
  qs: 12.58 kB (20.8%)
    <self>: 12.58 kB (100%)
  deep-equal: 3.8 kB (6.28%)
    <self>: 3.8 kB (100%)
  warning: 1.76 kB (2.92%)
    <self>: 1.76 kB (100%)
  invariant: 1.48 kB (2.45%)
    <self>: 1.48 kB (100%)
  <self>: 40.9 kB (67.6%)
webpack: 45.83 kB (0.704%)
  node-libs-browser: 42.56 kB (92.9%)
    url: 26.24 kB (61.7%)
      querystring: 4.51 kB (17.2%)
        <self>: 4.51 kB (100%)
      <self>: 21.74 kB (82.8%)
    punycode: 14.31 kB (33.6%)
      <self>: 14.31 kB (100%)
    <self>: 0 B (0.00%)
  <self>: 3.28 kB (7.15%)
react-hot-loader: 13 kB (0.200%)
  react-hot-api: 8.92 kB (68.6%)
    <self>: 8.92 kB (100%)
  <self>: 4.08 kB (31.4%)
style-loader: 7.04 kB (0.108%)
  <self>: 7.04 kB (100%)
css-loader: 1.47 kB (0.0226%)
  <self>: 1.47 kB (100%)
bootstrap-sass: 413 B (0.00620%)
  <self>: 413 B (100%)
react-dom: 63 B (0.000945%)
  <self>: 63 B (100%)
<self>: 4.86 MB (76.5%)
Zaturrby commented 8 years ago

dit is de vendor bundle

evanzummeren commented 8 years ago

Nee. Die onderste self zou naar de eigen bundle meoten verwijzen.