bfcache

Buongiorno.
Un altro messaggio di google e pare che questo sia collegato a quello precedente. Core Web Vitals.

Ma questo messaggio è più lungo.



Ottimizzazione in base a bfcache, regole di speculazione e debug dell'AI.

Nella nostra ultima email, abbiamo discusso del motivo per cui i Core Web Vitals sono essenziali per l'esperienza utente e le entrate di AdSense. Oggi approfondiamo l'argomento.
Ecco tre funzionalità web moderne che riducono i tempi di attesa, mantengono gli utenti soddisfatti e migliorano l'efficienza della pubblicazione degli annunci.


1. Abilita la navigazione istantanea con "bfcache"

Il concetto: quando un utente preme il pulsante "Indietro", la pagina non deve ricaricarsi da zero. La cache back-forward (bfcache) carica la pagina all'istante dalla memoria.

La soluzione: per sbloccare questa velocità, devi rimuovere i "blocchi" che forzano il ricaricamento:


• Aggiorna i gestori di eventi: abbandona i gestori unload. Scopri di più.
• Riduci al minimo l'utilizzo di no-store: valuta se utilizzare Cache-Control: no-store. Scopri di più.
• Chiudi le connessioni: assicurati che le connessioni IndexedDB o WebSocket vengano chiuse prima che l'utente esca dalla pagina. Scopri di più.


Perché è importante: una navigazione fluida aumenta le visualizzazioni di pagina in modo significativo.

Leggi la guida completa alla cache back-forward su web.dev.





2. Ottimizza il caricamento con l'API Speculation Rules

Il concetto: l'API Speculation Rules prevede dove andrà un utente e inizia a caricare quel contenuto prima ancora che l'utente faccia clic.

La soluzione: utilizza l'azione "prefetch" con l'impostazione di attivazione "moderate". I percorsi principali sono due:

1. Se utilizzi WordPress: puoi installare il plug-in WordPress Speculative Loading del team WordPress Performance. (Nota: è un plug-in open source di terze parti. Come per tutti gli strumenti esterni, valuta questo strumento in base ai tuoi standard interni di sicurezza e manutenzione.)

2. Per i siti personalizzati: puoi implementare uno script per controllare le modalità "prefetch" o "prerender" direttamente nel tuo codice HTML.
<script type="speculationrules">
{
"prefetch": [{
"where": {
"and": [
{ "href_matches": "/*" },
{ "not": {"href_matches": "/logout"}}
]
},
"eagerness": "moderate"
}]
}
</script>

⚠️ Importante: esegui alcuni test prima dell'implementazione. Anche piccole modifiche possono influire sul comportamento del sito. Non eseguire il push di queste modifiche direttamente in produzione. Esegui sempre i test in un ambiente di gestione temporanea per assicurarti che il nuovo comportamento di caricamento funzioni senza problemi con i tuoi dati di analisi e gli annunci.

Puoi controllare la modalità (prefetch o prerender), i target (quali link caricare) e i trigger (quanto eager deve essere il browser).

Per scoprire di più su questa API, leggi come eseguire il prerendering delle pagine in Chrome per una navigazione istantanea e la guida all'implementazione delle regole di speculazione per siti più complessi.


3. Esegui il debug più velocemente con l'AI e Chrome DevTools

Il concetto: la correzione degli errori non deve rallentarti. Chrome DevTools ora integra l'AI per aiutarti a risolvere i problemi in fase di tempo di esecuzione.

La soluzione: utilizza il nuovo server MCP (Model Context Protocol) di Chrome DevTools. Questo server porta la potenza di DevTools all'agente di programmazione che preferisci (Gemini CLI, Cursor, Claude ecc.). Consente all'agente AI di eseguire il debug del tuo prodotto in un'istanza Chrome reale, compresa la comprensione degli effetti collaterali e del contesto del codice di terze parti.

Usa l'Assistenza AI in Chrome DevTools per chattare con Gemini sulle tracce delle prestazioni, ottenere suggerimenti di codice nel pannello della console o risolvere i problemi di stile end-to-end.


Guarda i risultati in azione

I publisher registrano già una crescita reale implementando queste strategie:


• Yahoo! JAPAN News: quando ha implementato la cache back-forward (bfcache), questo publisher ha ottenuto un incremento del 9% delle entrate da dispositivi mobili e un balzo del 13% delle visualizzazioni di pagina per sessione.


• Netzwelt: questo sito di notizie tedesco ha registrato un aumento del 18% delle entrate pubblicitarie e una crescita del 27% delle visualizzazioni di pagina semplicemente ottimizzando i punteggi di Core Web Vitals.


• CyberAgent: ha ottenuto la correzione degli errori completamente automatizzata utilizzando Chrome DevTools MCP.



In sintesi
La prima impressione conta. Utilizzando questi strumenti moderni, crei un'esperienza di livello superiore che porta a un aumento del coinvolgimento, del traffico e degli utili AdSense.
Continua a creare siti fantastici





Non ho pubblicato tutti questi messaggi per dare fastidio o tanto per scrivere; ma l'ho fatto anche per aiutare chi poi si ritrova con questi messaggi e no sa cosa fare cosa vuole goole.
Grazie in anticipo per le Vostre spiegazioni e Vostri pareri.