# Funzionalità avanzate di Next.js (React / Next.js) > Ottimizzazione delle immagini, ottimizzazione dei font, ottimizzazione degli script, analytics, edge runtime, funzionalità sperimentali - 24 domande da colloquio - Senior - [Domande da colloquio: React / Next.js](https://sharpskill.dev/it/technologies/react-next/domande-colloquio.md) ## 1. Qual è il principale vantaggio dell'utilizzo di next/image rispetto a un tag img standard? **Risposta** next/image ottimizza automaticamente le immagini generando più dimensioni e formati moderni (WebP, AVIF), applica il lazy loading per impostazione predefinita e migliora le Web Vitals prevenendo il Cumulative Layout Shift tramite il calcolo automatico delle dimensioni. A differenza di un tag img standard che carica l'immagine originale, next/image serve la dimensione ottimale in base al viewport e al rapporto pixel del dispositivo. Questo approccio riduce significativamente il tempo di caricamento e il consumo di larghezza di banda. ## 2. Quando usare la proprietà priority su un componente next/image? **Risposta** La proprietà priority disabilita il lazy loading e precarica l'immagine immediatamente, il che è cruciale per le immagini above-the-fold che impattano il Largest Contentful Paint (LCP). Senza priority, queste immagini critiche verrebbero caricate in modo lazy, ritardando LCP e degradando i Core Web Vitals. Usa priority solo per 1-2 immagini visibili al caricamento iniziale della pagina, tipicamente hero images o banner principali. ## 3. Quale configurazione di next/image consente di servire immagini da un dominio esterno? **Risposta** La proprietà remotePatterns in next.config.js consente di definire i domini esterni autorizzati per servire immagini, con controllo granulare su protocollo, hostname, porta e pathname. Questo approccio sostituisce la proprietà domains (obsoleta) e offre una sicurezza migliorata limitando precisamente le fonti autorizzate. Configurare remotePatterns previene errori 400 durante il caricamento di immagini ospitate su CDN o servizi di terze parti come Cloudinary o AWS S3. ## Altre 21 domande disponibili - Qual è la differenza tra fill e responsive per il sizing di next/image? - Come ottimizzare le immagini statiche importate localmente con next/image? Registrati gratis: https://sharpskill.dev/it/login ## Altri argomenti di colloquio React / Next.js - [Fondamenti di JavaScript](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/javascript-essentials.md): 25 domande, Junior - [Fondamenti di React](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/react-fundamentals.md): 20 domande, Junior - [React Hooks](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/react-hooks.md): 22 domande, Junior - [Ciclo di vita dei componenti](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/component-lifecycle.md): 18 domande, Junior - [React Router](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/react-router.md): 20 domande, Junior - [Gestione dello state con Context](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/state-management-context.md): 18 domande, Junior - [Form e Controlled Components](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/forms-controlled-components.md): 20 domande, Mid-Level - [Recupero dati e API](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/fetching-data-api.md): 20 domande, Mid-Level - [React Query (TanStack Query)](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/react-query-tanstack.md): 20 domande, Mid-Level - [Styling & CSS-in-JS](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/styling-css-in-js.md): 18 domande, Mid-Level - [Fondamentali di Next.js](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/nextjs-fundamentals.md): 25 domande, Mid-Level - [TypeScript con React](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/typescript-react.md): 20 domande, Mid-Level - [Data Fetching in Next.js](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/nextjs-data-fetching.md): 24 domande, Mid-Level - [Server Actions di Next.js](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/nextjs-server-actions.md): 20 domande, Mid-Level - [Routing e Navigazione in Next.js](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/nextjs-routing-navigation.md): 22 domande, Mid-Level - [API Routes di Next.js](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/nextjs-api-routes.md): 20 domande, Mid-Level - [Metadata & SEO in Next.js](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/nextjs-metadata-seo.md): 18 domande, Mid-Level - [Middleware e Auth in Next.js](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/nextjs-middleware-auth.md): 22 domande, Mid-Level - [Testing React](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/react-testing.md): 20 domande, Mid-Level - [Zustand State Management](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/zustand-state-management.md): 18 domande, Mid-Level - [Ottimizzazione delle Performance React](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/react-performance-optimization.md): 22 domande, Senior - [Error Boundaries & Error Handling](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/react-error-boundaries.md): 18 domande, Senior - [Advanced React Patterns](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/advanced-react-patterns.md): 20 domande, Senior - [Deploy e Produzione con Next.js](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/nextjs-deployment-production.md): 20 domande, Senior - [Architecture & Design Patterns](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/react-architecture-patterns.md): 22 domande, Senior - [React Server Components](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/react-server-components.md): 26 domande, Senior - [Internazionalizzazione di Next.js](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/nextjs-internationalization.md): 20 domande, Senior - [React Sicurezza & Best Practices](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/react-security-best-practices.md): 22 domande, Senior --- Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack. HTML version of this page: https://sharpskill.dev/it/technologies/react-next/domande-colloquio/nextjs-advanced-features