Angular2: Это медленно?

Просто взглянул на последнюю версию angular, которая запускает команду angular. Angular2 отсутствует, и они выпустили новую веб-страницу http://angular.io.

В них есть 5-минутный проект быстрого запуска, который быстро показывает новый синтаксис и что вы должны использовать для выполнения нового приложения angular.

Я только что сделал все шаги, чтобы заставить его работать, но потребовалось 4,93 секунды для загрузки.

Мне просто интересно, это медленный angular 2? Или, может быть, я пропустил несколько шагов.

Вот мой код

// app.es6

import {Component, Template, bootstrap} from 'angular2/angular2';

// Annotation section
@Component({
  selector: 'my-app'
})
@Template({
  inline: '<h1>Hello {{ name }}</h1>'
})
// Component controller
class MyAppComponent {
   constructor() {
     this.name = 'Alex!';
   }
}

bootstrap(MyAppComponent);

и index.html

<!-- index.html -->
<html>
  <head>
    <title>Angular 2 Quickstart</title>
    <script src="dist/es6-shim.js"></script>
  </head>
  <body>

    <!-- The app component created in app.js -->
    <my-app></my-app>

    <script>
      // Rewrite the paths to load the files
      System.paths = {
        'angular2/*':'angular2/*.js', // Angular
        'rtts_assert/*': 'rtts_assert/*.js', //Runtime assertions
        'app': 'app.js' // The my-app component
      };

      // Kick off the application
      System.import('app');
    </script>
  </body>
</html>

Ответы

Ответ 1

  • Вы работаете с RTTS (проверки системы времени выполнения). Это отлично подходит для разработки, но медленное для производства.
  • Мы не объединили все файлы в один файл для быстрой загрузки.
  • У нас все еще есть медленное обнаружение изменений, поскольку быстрый из них еще не работает в Dart, и мы хотим быть последовательными.

См. https://github.com/djsmith42/angular2_calendar о том, как быстро запустить его.

Ответ 2

Да, страница, написанная с использованием angular2, медленная.

Я не говорю, что код angular2 медленный (я бы не посмел), просто простую страницу, которую вы можете написать с помощью angular, будет загружаться через 5 секунд или более. Есть много файлов, которые необходимо загрузить. Это правда, что вы можете сделать это быстрее, объединив файлы, чтобы получить меньше HTTP-запросов и не заботитесь о том, чтобы не загружать файлы, которые вы не используете, но он никогда не будет быстрым, как простая страница html + js.

Важно помнить, что angular предназначен для приложений с одной страницей. Все зависимости загружаются один раз, в одном индексном файле, и с этого момента маршрутизация angular позволяет вам перейти на разные "страницы", которые на самом деле являются только файлами шаблонов.

Другими словами, после того, как большой удар был сделан, он может быть очень быстрым, а главное, очень продуктивным.

Ответ 3

Если вы следуете учебному курсу QuickStart по строкам, если для последней версии alpha27 он будет медленным, так как файл System.js и angular2.min.js требует времени для загрузки. Лучше, если вы можете использовать наш собственный сервер для их размещения. Кроме того, из вашего кода вы, кажется, используете кодировку pre-alpha20. Обновляйте до альфа-27, это намного быстрее.