2015-07-16 1 views
-1

Я только что научился создавать пользовательские директивы с угловым сегодня через кодовую школу, и это фантастика! То, как это меня научило, было сделать директиву в моем JS-файле, связать ее с html-файлом, а затем записать тег соответственно в файле index.html, который является моим основным файлом.Как настраиваемые шаблоны/директивы влияют на время загрузки?

Мой вопрос заключается в создании целого нового html-файла для пользовательской директивы вредоносного времени загрузки на главной странице? Если вам нужна ссылка на раздел, в котором я участвую, он формируется с угловым уровнем 4 (пользовательские директивы).

+0

Это может повлиять на время загрузки как положительно, так и отрицательно, в зависимости от того, как вы включаете свой шаблон в кодовую базу. (вы можете предварительно скомпилировать его и включить его с помощью js, или позволить угловому отправить HTTP-запрос для его получения) –

+0

Какой будет лучший способ сделать это? Недавно я установил Grunt, и пока я понятия не имею, что он делает, я считаю, что он компилирует весь ваш код в один файл (css и js). Было бы лучше, если бы один гигантский JS-файл (включая все угловые бутстрапы, предварительно написанные, я очищу все, что не используется), или было бы лучше просто сделать угловой запрос и получить его в другом файл? – mcrav

+0

Всё зависит от меня. Если вы предварительно скопируете их и включите в JS, время загрузки переднего фронта больше, но рендеринг быстрее после его загрузки. Если вы не загрузите его спереди, время загрузки будет быстрее, но рендеринг может занять больше времени в первый раз. –

ответ

1

Это зависит от того, предварительно вы прекомпилируете шаблоны непосредственно в свой main.js или нет.

Если вы прекомпилируете их, ваш main.js займет больше времени, но при визуализации углов не потребуется отправлять HTTP-запрос для получения шаблона, поэтому рендеринг будет происходить быстрее.

Если вы не прекомпилируете их, время загрузки переднего фронта будет быстрее, но при первом просмотре представление может быть более медленным, так как угловой нужно отправить HTTP-запрос, чтобы получить шаблон в первый раз. после первой загрузки он будет кэшироваться в кеше шаблона.

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

, который лучше - это дискуссия, не подходящая для stackoverflow.

+0

Gotcha, не понимал, что было так много факторов (новичок здесь). Последнее, что я хочу, это начать дискуссию, но независимо от того, насколько я ценю вход, спасибо! – mcrav

+0

Конец дня, главное, что есть много вариантов, и вам придется взвесить их различия в зависимости от структуры вашего приложения и потребностей. –

Смежные вопросы