Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Nella web page css si caricano lentamente

    Salve a tutti, avevo un problema da risolvere, spero che qualcuno possa farlo.

    Ho implementato un web site, con immagini, jquery, css, ecc... Quando digito l'indirizzo e si apre la pagina, per il primo mezzo secondo si carica la pagina senza formattazione(css), e poi si sistema.
    Credo che i css vengano letti in ritardo, e io vorrei evitare che in quel mezzo secondo, si visualizzi la pagina "non formattata".
    C'è qualche trucchetto?
    Ringrazio in anticipo.

  2. #2
    Credo non sia affatto colpa dei CSS ma il tempo che impiega a completarsi la pagina sia dovuto al tempo di caricamento delle immagini specialmente se sono corpose.

    Per far in modo che si visualizzi la pagina solo al completo caricamento delle immagini dovresti provare con un preload
    “Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.

    Giovanni Falcone

  3. #3
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    Metti il css prima di qualunque altra cosa nel header.
    Comprimi tutti i file (css e js)
    Puoi usare .htaccess per comprimere la pagina affinché dopo la prima visita sul tuo sito, l'utente ha già tutto cachato. (leggasi chasciato non "cacato"...scusate il gioco di parole )

    codice:
    <IfModule mod_expires.c>
    #### Enable expirations###
    ExpiresActive On
    
    ####Default directive: access plus 2 weeks oppure days ecc...###
    ExpiresDefault "access plus 2 weeks"
    
    #### favicon caching: access plus 3 years e cosi via###
    ExpiresByType image/x-icon "access plus 1 year”
    
    
    ### Images leggasi sopra##
    ExpiresByType image/gif "access plus 2 days"
    ExpiresByType image/png "access plus 2 days"
    ExpiresByType image/jpg "access plus 2 days"
    ExpiresByType image/jpeg "access plus 2 days"
    
    #### CSS: vedi sopra ###
    ExpiresByType text/css "access 1 day”
    
    ###Javascript###
    ExpiresByType application/javascript "access plus 2 days"
    
    </IfModule>
    <ifmodule mod_deflate.c>
    AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript
    </ifmodule>
    Questo funziona solo su server apache.

    Inoltre, QUESTO ti potrebbe essere utile.

    Se hai fatto o provato tutto e non vedi alcun miglioramento, l'unico modo rimane quello di @carlomarangoni.
    Per una bella risata vai QUI

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.