Responsive? Site mobile? Autre chose? x)

Fermé
kinnojinsei Messages postés 25 Date d'inscription mardi 28 avril 2015 Statut Membre Dernière intervention 28 mai 2015 - 26 mai 2015 à 19:18
kinnojinsei Messages postés 25 Date d'inscription mardi 28 avril 2015 Statut Membre Dernière intervention 28 mai 2015 - 28 mai 2015 à 00:55
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. =)
A voir également:

1 réponse

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
26 mai 2015 à 20:58
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();}
1
kinnojinsei Messages postés 25 Date d'inscription mardi 28 avril 2015 Statut Membre Dernière intervention 28 mai 2015
26 mai 2015 à 21:20
La solution en jquery à l'air tentante. Je pense que je vais mettre ça en place, je te remercie beaucoup pour toutes ces informations =D
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
26 mai 2015 à 21:40
tu peux faire ca aussi en pur js ce qui sera plius rapide
var elem = document.getElementsByClassName("mobi");
elem.parentNode.removeChild(elem);
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
Modifié par animostab le 26/05/2015 à 21:59
ou j'ai oublié le width
var w = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var elem = document.getElementsByClassName("mobi");
if {w <= 800}
(elem.parentNode.removeChild(elem);}
0
kinnojinsei Messages postés 25 Date d'inscription mardi 28 avril 2015 Statut Membre Dernière intervention 28 mai 2015
26 mai 2015 à 22:06
Wow! Faut vraiment que je me mette au JS =(
Je viens de test vite fait, et comme dirait apache... "It works!"

Encore merci =D
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
27 mai 2015 à 18:10
mince planté dans le js c'est
if (w <= 800)
{elem.parentNode.removeChild(elem);}
0