Joomla.it Forum
Joomla! 3 => Joomla! 3 => : maga321 07 Oct 2016, 17:17:14
-
Ciao a tutti,
al fine di ottimizzare il sito per gli smartphone avrei bisogno di NON caricare uno slideshow se si è su smartphone e quindi si ha lo schermo al di sotto di una certa larghezza.
So che con i CSS è possibile nasconderlo ma il componente viene comunque caricato nella pagina e quindi rallentare la navigazione del sito.
Qualcuno ha idea di come posso fare?
Al momento uso uno script che si basa sul "setCookie" ma non funziona molto bene.
Grazie
-
Ciao, secondo me dovresti riuscire a farlo tranquillamente con le media query.
-
Grazie, ma con le media query nei CSS riesco a nascondere o visualizzare quello che voglio ma viene comunque scritto nel codice e caricato dalla pagina.
-
Ummh, se tu attraverso la media query gli dici al browser che un div è display:none io mi immagino che il contenuto di quel div il browser non lo carichi e lo salti a pié pari.
Quindi nel caso di uno slideshow mi aspetto che il browser non carichi le immagine, sicuramente caricherà il codice, jquery o altro, per far funzionare lo slideshow, ma, ribadisco, mi aspetto che il browser non carichi le immagini che sono richiamate da quel div.
Questa è la mia opinione, molto probabilmente è sbagliata ma forse anche no.
Forse è meglio aspettare il parere di qualcuno più ferrato in queste cose che ci tolga ogni dubbio.
-
ci sono delle classi di bootstrap che hanno proprio il compito di visualizzare l'elemento oppure no su determinati dispositivi.
leggi la documentazione qui
http://getbootstrap.com/2.3.2/scaffolding.html#responsive