Responsive? Site mobile? Autre chose? x)
kinnojinsei
Messages postés
25
Date d'inscription
Statut
Membre
Dernière intervention
-
kinnojinsei Messages postés 25 Date d'inscription Statut Membre Dernière intervention -
kinnojinsei Messages postés 25 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je suis actuellement en plein développement d'un site web bien que tout ce que j'ai appris dans ce domaine soit acquis par moi-même (ça c'est pour tout de suite donner mon niveau ^^). Pour des raisons de navigabilité sur le site, j'ai besoin qu'il soit adapté sur les appareils mobile, et je sais que j'ai deux solutions : le responsive ou un autre site web adapté.
Ma question est la suivante, si je rends le site responsive, les pages web seront toujours aussi lourdes, même si je caches certains éléments? Si oui, y a t-il une solution pour ne pas charger du tout les éléments cachés?
Merci par avance. =)
Je suis actuellement en plein développement d'un site web bien que tout ce que j'ai appris dans ce domaine soit acquis par moi-même (ça c'est pour tout de suite donner mon niveau ^^). Pour des raisons de navigabilité sur le site, j'ai besoin qu'il soit adapté sur les appareils mobile, et je sais que j'ai deux solutions : le responsive ou un autre site web adapté.
Ma question est la suivante, si je rends le site responsive, les pages web seront toujours aussi lourdes, même si je caches certains éléments? Si oui, y a t-il une solution pour ne pas charger du tout les éléments cachés?
Merci par avance. =)
A voir également:
- Responsive? Site mobile? Autre chose? x)
- Site x - Guide
- Sites X : Pornhub, YouPorn et Redtube sont de nouveau accessibles en France - Guide
- Site comme coco - Accueil - Réseaux sociaux
- Site de telechargement - Accueil - Outils
- Quel site remplace coco - Accueil - Réseaux sociaux
1 réponse
Cela dépend déja des navigateurs de devices
normalement display:none ca charge l'élément
display:none sur le parent, l'enfant n'est pas chargé et
pour les image de background seul celle correspondant au and (max-width) / (min-width) est chargé
mediaqueries c'est souvent mieux que un autre site mobile pour eviter de doubler le boulot pour toute mise a jour
dans tous les cas il faut bien sur reduire la taille et vitesse de chargement au maxi (compression, cache, compression gzip).
sinon tu peux aussi avec javascript ou jquery effacer des éléments suivant le width de la fenetre ou du user agent en mettant par exemple tout ce qui est a effacer dans un balise avec une class mobi par exemple et faire en jquery par exemple
if ($(document).width() <= 800) {
$(".mobi").remove();}
normalement display:none ca charge l'élément
display:none sur le parent, l'enfant n'est pas chargé et
pour les image de background seul celle correspondant au and (max-width) / (min-width) est chargé
mediaqueries c'est souvent mieux que un autre site mobile pour eviter de doubler le boulot pour toute mise a jour
dans tous les cas il faut bien sur reduire la taille et vitesse de chargement au maxi (compression, cache, compression gzip).
sinon tu peux aussi avec javascript ou jquery effacer des éléments suivant le width de la fenetre ou du user agent en mettant par exemple tout ce qui est a effacer dans un balise avec une class mobi par exemple et faire en jquery par exemple
if ($(document).width() <= 800) {
$(".mobi").remove();}
var elem = document.getElementsByClassName("mobi");
elem.parentNode.removeChild(elem);
var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; var elem = document.getElementsByClassName("mobi"); if {w <= 800} (elem.parentNode.removeChild(elem);}Je viens de test vite fait, et comme dirait apache... "It works!"
Encore merci =D
if (w <= 800)
{elem.parentNode.removeChild(elem);}