Flash bianco quando cambio pagina

[giannino1995]

Ciao,
Ho scaricato un template che graficamente non è male ma ha un problemino su Chrome ed Opera e volevo chiedere a voi se il difetto è sanabile. Quando cambio pagina, l'immagine di sfondo, prima di apparire nella sua interezza, viene preceduta da una pagina bianca che credo sia lo sfondo bianco dell'html. Dopo qualche secondo il template è ok ma sfogliando il sito si percepisce un flash ad ogni cambio pagina. Il template in questione è questo:
http://www.acsu.buffalo.edu/~atrookey/index.html
Download:
http://www.bootstrapstage.com/business-casual/
Se provate il link sopra non vi accorgerete di nulla ma se provate in locale si e il flash è anche abbastanza fastidioso.
Quali migliorie si possono fare a questo template?
Per caso conoscete altri template per delle caffetterie, sempre free ovviamente?
A presto

[Sky]

Dipende dalla gestione della cache, non dai CSS. Nel primo link l'immagine viene richiamata dalla cache e non c'è flickering mentre nella demo viene ricaricata a ogni richiesta.

[giannino1995]

Dipende dalla gestione della cache, non dai CSS. Nel primo link l'immagine viene richiamata dalla cache e non c'è flickering mentre nella demo viene ricaricata a ogni richiesta.

Hai ragione, in effetti caricando tutto sul server il problema scompare. Ti chiedo ancora una cosa. Nel template leggo questo:

    <!-- Navigation -->
    <nav class="navbar navbar-default" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <!-- navbar-brand is hidden on larger screens, but visible when the menu is collapsed -->

e in particolare questo:

<span class="sr-only">Toggle navigation</span>

però non riesco a capire quando compare questo tag span durante la visualizzazione. Purtroppo non ho uno smartphone e per verificare che il template sia responsive ridimensiono semplicemente la finestra del browser. Cambiando la larghezza della finestra non riesco mai a leggere "Toggle navigation" così non riesco a capire il contesto e non so con quale stringa in lingua italiana sostituire la scritta. Mi puoi aiutare anche questa volta?
Grazie in anticipo

[Sky]

sr-only è una classe usata da Bootstrap che sta per "Screen Reader only". Sostanzialmente si limita a nascondere sempre il contenuto del tag, indipendentemente dalle dimensioni del display, lasciando che venga letto dai browser vocali per non vedenti.
Puoi tradurlo con "apri barra di navigazione" o qualcosa di simile ma puoi non tradurlo. Se desideri lasciarlo in inglese applica l'attributo lang="en".

[giannino1995]

sr-only è una classe usata da Bootstrap che sta per "Screen Reader only". Sostanzialmente si limita a nascondere sempre il contenuto del tag, indipendentemente dalle dimensioni del display, lasciando che venga letto dai browser vocali per non vedenti.
Puoi tradurlo con "apri barra di navigazione" o qualcosa di simile ma puoi non tradurlo. Se desideri lasciarlo in inglese applica l'attributo lang="en".

Mille grazie, ora mi è tutto più chiaro.