Le catene di richieste critiche sono una serie di richieste di rete dipendenti necessarie per il rendering di pagina. Imparerai come affrontare o evitare questo problema. Leggi di seguito!
Qual è una richiesta critica?
Una richiesta critica è una richiesta necessaria per rendere la pagina. Ciò significa che se la richiesta non riesce, la pagina non sarà in grado di rendering. Le richieste critiche dovrebbero avere la priorità rispetto ad altre richieste per garantire il completamento con successo.
Esistono diversi modi per fare una richiesta critica. Il modo più comune è utilizzare l' attributo Async sul tag script. Questo dice al browser di continuare a caricare altre risorse mentre questo script viene scaricato. Un altro modo per effettuare una richiesta critica è di in linea con la risorsa nel codice HTML stesso. Ciò garantisce che il browser non dovrà attendere un altro viaggio di andata e ritorno per recuperare la risorsa, ma aumenta la dimensione del codice HTML.
È essenziale solo per effettuare richieste critiche per le risorse necessarie per il rendering della pagina. Fare troppe richieste critiche può ritardare la pagina dal caricamento e alla fine portare a una scarsa esperienza dell'utente.
Come evitare di concatenare le richieste critiche?
- Utilizzo della tecnica di sharding del dominio: uno dei modi principali per evitare di concatenare le richieste critiche è l'utilizzo del metodo di sharding del dominio. Il sharding del dominio ti consente di dividere i tuoi contenuti su più domini, il che può aiutare a ridurre il numero di DNS e migliorare i tempi di caricamento della pagina .
- Utilizzo di CDN: un CDN può aiutare a migliorare i tempi di caricamento della pagina cache di cache i contenuti sui server in tutto il mondo, rendendo più facile e veloce per i visitatori accedere ai tuoi contenuti.
- Ottimizzazione del tuo sito Web per le prestazioni: puoi anche evitare di incassare richieste critiche ottimizzando il tuo sito Web per le prestazioni. Ciò include la minimizzazione dei file HTML, CSS e JavaScript, le immagini di compressione e l'utilizzo di un plug -in di cache.
Alternative al concatenamento di richieste critiche
Esistono alcune alternative al concatenamento di richieste critiche che possono aiutare a migliorare le prestazioni:
1. Risorse in linea: ciò significa incorporare piccole risorse critiche direttamente nel codice HTML invece di effettuare richieste HTTP separate per loro. Utilizzando URI di dati o script e stili in linea, è possibile raggiungere questo obiettivo.
2. Risorse di precarico : questo dice al browser di recuperare in anticipo risorse specifiche, quindi sono disponibili quando necessario. Puoi farlo tramite il tag link o i suggerimenti delle risorse.
3. Risorse di memorizzazione nella cache: i negozi di memorizzazione nella cache accedono frequentemente risorse a livello locale, quindi non devono essere recuperati dal server ogni volta che vengono utilizzati. È possibile utilizzare le intestazioni di memorizzazione nella cache o i lavoratori del servizio per farlo.
4. Ottimizzazione dell'ordine di richiesta: l'ordine in cui vengono effettuate le richieste di risorse può avere un impatto sulle prestazioni, quindi è importante garantire prima le risorse critiche. Puoi farlo utilizzando la parola chiave Preload o modificando manualmente l'ordine di richiesta delle risorse.
5. Riduzione al minimo dei tempi di andata e ritorno: il tempo di andata e ritorno (RTT) è il tempo impiegato per una richiesta di viaggiare dal browser al server e di nuovo. Ridurre RTT può aiutare a migliorare le prestazioni e ci sono alcuni modi per farlo: usare connessioni persistenti, ottimizzare le ricerche DNS e ridurre i reindirizzamenti.
Conclusione
Speriamo che questo articolo ti abbia aiutato a capire l'importanza di evitare richieste critiche di concatenamento. In tal modo, puoi migliorare la velocità di carico del tuo sito Web e offrire un'esperienza migliore per i tuoi utenti. Ricorda di testare le modifiche prima di implementarle sul tuo sito in diretta e, se hai domande, non esitare a contattare il nostro team di supporto per assistenza.
