Perché alcuni siti Web mostrano 0 byte negli strumenti di sviluppo di Chrome


14

Sto facendo un'ottimizzazione della velocità della pagina per il mio sito Web e sto studiando come lo fanno gli altri siti Web. Ho notato che alcuni siti Web come Facebook o Ringgitplus mostrano 0 byte per alcune delle loro risorse negli strumenti di sviluppo di Chrome, nella scheda Rete, mentre la dimensione del contenuto reale è di diversi kilobyte.

Lo screenshot della scheda Rete che mostra 0 byte per alcune risorse

Ho letto alcuni articoli che dicono che la dimensione è la quantità che viene recuperata e il contenuto è la dimensione effettiva della risposta. Quindi, quando la dimensione è di 0 byte, significa che è servita dalla cache. Ma la stessa cosa è successa quando ho aperto la pagina usando Incognito o cancellando tutta la mia cache.

Come è possibile e come posso ottenere la stessa cosa per i miei siti Web?


2
e se fai un ctrl + F5 (una cache bypassa il ricaricamento)
maniaco del cricchetto,

1
Hai già profilato la tua pagina utilizzando developer.yahoo.com/yslow ?
Marcel,

@ratchetfreak È sempre lo stesso.
kecebongsoft,

@Marcel Sì, sto usando diversi strumenti come quello che hai menzionato, Google Page Speed, nonché webpagetest.org
kecebongsoft,

In realtà non risponde alle domande sul perché le risorse non memorizzate potrebbero eventualmente mostrare 0b, ma ecco una buona domanda SO che affronta la differenza: stackoverflow.com/questions/8072921/…
Ben Lee,

Risposte:


4

Comprendere il comportamento di Chrome è più facile da vedere in un sito che supporta sia http che https .

Se apri Strumenti per gli sviluppatori e visualizzi questa immagine , Chrome segnala 27.1k se l'immagine è memorizzata nella cache e 257 byte se non lo è. Puoi cancellare la cache all'interno di Strumenti per gli sviluppatori facendo clic con il pulsante destro del mouse sull'area nella parte inferiore dello schermo (ad esempio accanto a nav_logo161.png).

Ora apri il link con https . Chrome indica 0 byte indipendentemente dal fatto che l'elemento sia memorizzato nella cache. Se viene memorizzato nella cache, viene visualizzato un valore 304 e se non viene memorizzato nella cache, viene visualizzato uno stato 200. Ma puoi vedere nella latenza che la risposta non memorizzata richiede molto più tempo.

Quindi, per farla breve, se vuoi che Chrome segnali 0 byte per la tua pagina web usa https .

Questo errore è registrato qui e qui .

Questo errore è evidente soprattutto durante la visualizzazione di immagini. Il motivo per cui lo noti con i collegamenti http nel post originale è che entrambe le parti eseguono il rendering in https .

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.