diff --git a/packages/common/src/directives/ng_optimized_image/preconnect_link_checker.ts b/packages/common/src/directives/ng_optimized_image/preconnect_link_checker.ts
index 3f6b921d9f9..b89bcfb13e5 100644
--- a/packages/common/src/directives/ng_optimized_image/preconnect_link_checker.ts
+++ b/packages/common/src/directives/ng_optimized_image/preconnect_link_checker.ts
@@ -12,6 +12,7 @@ import {
   InjectionToken,
   ɵformatRuntimeError as formatRuntimeError,
   DOCUMENT,
+  OnDestroy,
 } from '@angular/core';
 
 import {RuntimeErrorCode} from '../../errors';
@@ -53,7 +54,7 @@ export const PRECONNECT_CHECK_BLOCKLIST = new InjectionToken<Array<string | stri
  * thus there is no `ngDevMode` use in the code.
  */
 @Injectable({providedIn: 'root'})
-export class PreconnectLinkChecker {
+export class PreconnectLinkChecker implements OnDestroy {
   private document = inject(DOCUMENT);
 
   /**