ЕУ
зы. первоначальный рендеринг на 10к все равно потормозит
Size: a a a
2021 March 21
OS
Влад
К сожалению нет, это приложение будет работать оффлайн, поэтому всегда загружает все, что есть в БД
Что именно тормозит в итоге, рендер или какие то алгоритмы внутри? TrackBy, OnPush юзаете?
P
trackBy используете? OnPush?
Думается это в данном случае не поможет. Объект же каждый раз новый
OS
Proto
Думается это в данном случае не поможет. Объект же каждый раз новый
Неважно, если есть способ идентифицировать обьекты
OS
Proto
Думается это в данном случае не поможет. Объект же каждый раз новый
Ну тут вопрос, сколько сразу рисуется элементов? Уберите ненужные перерисовки и ограничьте количество
В
А у меня вот такая структура:
В компоненте категории есть компонент с контентом, и в нем есть еще компонент с созданием новой записи
И вот выборку я делаю в компоненте с контентом. Таким вот способом:
this.ArtifactsService.list.subscribe((data) => {
this.artifactList = [];
for (let key in data) {
if(
data[key].artifact_parent_id == this.parentArtifactId &&
data[key].artifact_type == 2
) {
this.artifactList.push(data[key]);
}
}
this.sortAsc();
});
И когда создаю новую запись, то ее нужно поместить в artifactList, при чем в нужное место, потому что сортировка могли изменится.
Как тут оптимизировать?
В компоненте категории есть компонент с контентом, и в нем есть еще компонент с созданием новой записи
И вот выборку я делаю в компоненте с контентом. Таким вот способом:
this.ArtifactsService.list.subscribe((data) => {
this.artifactList = [];
for (let key in data) {
if(
data[key].artifact_parent_id == this.parentArtifactId &&
data[key].artifact_type == 2
) {
this.artifactList.push(data[key]);
}
}
this.sortAsc();
});
И когда создаю новую запись, то ее нужно поместить в artifactList, при чем в нужное место, потому что сортировка могли изменится.
Как тут оптимизировать?
P
Ну тут вопрос, сколько сразу рисуется элементов? Уберите ненужные перерисовки и ограничьте количество
Ну это не ко мне ). Но я бы пагинацию прикрутил.
OS
Proto
Ну это не ко мне ). Но я бы пагинацию прикрутил.
Сорян) я промахиваюсь)
OS
Влад
А у меня вот такая структура:
В компоненте категории есть компонент с контентом, и в нем есть еще компонент с созданием новой записи
И вот выборку я делаю в компоненте с контентом. Таким вот способом:
this.ArtifactsService.list.subscribe((data) => {
this.artifactList = [];
for (let key in data) {
if(
data[key].artifact_parent_id == this.parentArtifactId &&
data[key].artifact_type == 2
) {
this.artifactList.push(data[key]);
}
}
this.sortAsc();
});
И когда создаю новую запись, то ее нужно поместить в artifactList, при чем в нужное место, потому что сортировка могли изменится.
Как тут оптимизировать?
В компоненте категории есть компонент с контентом, и в нем есть еще компонент с созданием новой записи
И вот выборку я делаю в компоненте с контентом. Таким вот способом:
this.ArtifactsService.list.subscribe((data) => {
this.artifactList = [];
for (let key in data) {
if(
data[key].artifact_parent_id == this.parentArtifactId &&
data[key].artifact_type == 2
) {
this.artifactList.push(data[key]);
}
}
this.sortAsc();
});
И когда создаю новую запись, то ее нужно поместить в artifactList, при чем в нужное место, потому что сортировка могли изменится.
Как тут оптимизировать?
Оптимизируйте хранение в сервисе. Денормализуйте данные мб, сделайте там хранение по ключам, например
Чтоб в компоненте не перебирать их
Чтоб в компоненте не перебирать их
В
Оптимизируйте хранение в сервисе. Денормализуйте данные мб, сделайте там хранение по ключам, например
Чтоб в компоненте не перебирать их
Чтоб в компоненте не перебирать их
спасибо за хороший совет 👍
OS
Влад
спасибо за хороший совет 👍
Ну и наверное не стоит те же сортировки делать в компоненте. Лучше вообще всю работу с данными в сервис убрать, тем более сложная такая ситуация)
🏡K
Влад
А у меня вот такая структура:
В компоненте категории есть компонент с контентом, и в нем есть еще компонент с созданием новой записи
И вот выборку я делаю в компоненте с контентом. Таким вот способом:
this.ArtifactsService.list.subscribe((data) => {
this.artifactList = [];
for (let key in data) {
if(
data[key].artifact_parent_id == this.parentArtifactId &&
data[key].artifact_type == 2
) {
this.artifactList.push(data[key]);
}
}
this.sortAsc();
});
И когда создаю новую запись, то ее нужно поместить в artifactList, при чем в нужное место, потому что сортировка могли изменится.
Как тут оптимизировать?
В компоненте категории есть компонент с контентом, и в нем есть еще компонент с созданием новой записи
И вот выборку я делаю в компоненте с контентом. Таким вот способом:
this.ArtifactsService.list.subscribe((data) => {
this.artifactList = [];
for (let key in data) {
if(
data[key].artifact_parent_id == this.parentArtifactId &&
data[key].artifact_type == 2
) {
this.artifactList.push(data[key]);
}
}
this.sortAsc();
});
И когда создаю новую запись, то ее нужно поместить в artifactList, при чем в нужное место, потому что сортировка могли изменится.
Как тут оптимизировать?
В пайпе делай, filter и map больше чем в 100 раз быстрее будет
В
Спасибо за советы, пайпы еще изучить надо, пока не знаю что это такое, я только начал изучать ангуляр)
А еще подскажите как измерять время выполнения участка кода?
Сейчас я делаю перед началом console.time и после console.timeEnd, это покажет верное время?
А еще подскажите как измерять время выполнения участка кода?
Сейчас я делаю перед началом console.time и после console.timeEnd, это покажет верное время?
🏡K
https://immutable-js.github.io/immutable-js/
Ещё вот это можно заиспользовать
Ещё вот это можно заиспользовать
🏡K
Там тоже можно затюнить так что всякие фильтрации будут быстрее чем в жс
🏡K
В
https://immutable-js.github.io/immutable-js/
Ещё вот это можно заиспользовать
Ещё вот это можно заиспользовать
спасибо
P
В пайпе делай, filter и map больше чем в 100 раз быстрее будет
Это конкретно пайп такой эффект даёт ?
🏡K
Proto
Это конкретно пайп такой эффект даёт ?
Не, фор медленнее чем другие штуки типа for each map reduce filter