diff --git a/libs/portal/shared/ui/src/lib/components/content-card/content-card.component.html b/libs/portal/shared/ui/src/lib/components/content-card/content-card.component.html
index 4e787fa3b..a89a09cce 100644
--- a/libs/portal/shared/ui/src/lib/components/content-card/content-card.component.html
+++ b/libs/portal/shared/ui/src/lib/components/content-card/content-card.component.html
@@ -17,6 +17,8 @@
[alt]="title()"
(error)="onImageError($event)"
class="poster"
+ loading="lazy"
+ decoding="async"
/>
} @else if (showPlaceholder()) {
@@ -27,6 +29,8 @@
src="./assets/images/default-poster.png"
[alt]="title()"
class="poster"
+ loading="lazy"
+ decoding="async"
/>
}
diff --git a/libs/workspace/shell/feature/src/lib/workspace-sources-filters-panel/workspace-sources-filters-panel.component.ts b/libs/workspace/shell/feature/src/lib/workspace-sources-filters-panel/workspace-sources-filters-panel.component.ts
index 630a4ffae..97e3a7531 100644
--- a/libs/workspace/shell/feature/src/lib/workspace-sources-filters-panel/workspace-sources-filters-panel.component.ts
+++ b/libs/workspace/shell/feature/src/lib/workspace-sources-filters-panel/workspace-sources-filters-panel.component.ts
@@ -1,4 +1,9 @@
-import { computed, Component, inject } from '@angular/core';
+import {
+ ChangeDetectionStrategy,
+ Component,
+ computed,
+ inject,
+} from '@angular/core';
import { MatIcon } from '@angular/material/icon';
import { MatListModule } from '@angular/material/list';
import { Store } from '@ngrx/store';
@@ -25,6 +30,7 @@ const ALL_FILTERS = ['m3u', 'xtream', 'stalker'];
imports: [MatIcon, MatListModule, TranslatePipe],
templateUrl: './workspace-sources-filters-panel.component.html',
styleUrl: './workspace-sources-filters-panel.component.scss',
+ changeDetection: ChangeDetectionStrategy.OnPush,
})
export class WorkspaceSourcesFiltersPanelComponent {
private readonly store = inject(Store);