Je suis en train de construire une version mobile d'un site.Limiter les images du chargement sur une version mobile d'un site
Pas un domaine séparé (mobile.example.com), mais une approche respnosive (en utilisant des requêtes des médias pour charger certains CSS pour la taille de l'écran)
Cependant, je ne peux pas à comprendre comment réduire la " taille de la page".
La version de bureau de mon site inclut un plugin de curseur jquery, qui glisse à travers cinq images de haute résolution relativement grandes. Mon côté mobile ne comprend pas cela. Cependant, ces images continuent d'être chargées lors de la construction de la version mobile.
J'ai défini leur propriété d'affichage sur none, mais cela charge toujours les images.
Alors, comment puis-je, par javascript ou par un autre type de requête multimédia, spécifier quels fichiers devraient et ne devraient pas être chargés?
Si vos pages sont générées dynamiquement, vous pouvez le faire en fonction de la chaîne de l'agent utilisateur. Ce n'est pas la meilleure façon de le faire cependant. – Daisetsu
Non, c'est pourquoi j'utilise une requête média - essentiellement si la résolution de l'écran est inférieure à 480, je charge une certaine feuille de style. Je ne sais pas comment ne pas charger d'autres images sur la page. –
La seule façon de le faire est de fournir uniquement le tag image et/ou le chemin src via JavaScript en fonction du périphérique multimédia. Ceci, bien sûr, pose un tout nouvel ensemble de problèmes pour les utilisateurs sans JS. Je pense que servir deux séries distinctes de pages peut être votre seul espoir. – skybondsor