J'ai un développeur qui conçoit une application financière à utiliser sur un téléphone mobile via le navigateur de téléphones. Maintenant, chaque page est 150kb qui, à mon avis, est trop grande. Aucune image n'est utilisée car ce sont principalement des boutons HTML et CSS et éventuellement du JavaScript. Comment puis-je réduire la taille de la page?Taille de page Web mobile
minify votre js/css/html. Si cela n'aide pas, vous devrez restructurer vos pages pour montrer moins d'informations, comme vous l'avez dit il n'y a pas d'images, donc vous ne pouvez pas faire d'optimisation sur ce front
Activez la compression HTML sur vos serveurs si ce n'est déjà fait.
Quels logiciels sont sur vos téléphones cibles? S'ils ont des navigateurs capables, vous pouvez réduire leur poids en envoyant les données pertinentes sous forme JSON et en ayant Javascript comme rendu le code HTML approprié. Si nous parlons Mobile IE ... peut-être, peut-être pas.
Et, comme d'autres l'ont dit, utiliser la minification. À un niveau supérieur, êtes-vous sûr d'avoir besoin d'autant de données par page? Sur un navigateur mobile, ça va être difficile de naviguer.
Le goulot d'étranglement est le navigateur client. il ne peut pas gérer autant de données. Cela n'a donc pas d'importance si les données sont compressées en transit ou non. Il sera toujours 150kb quand il atteint le navigateur client – Midhat
Les choses les plus importantes ont déjà été dites mais j'ajouterais ceci:
Nettoyez le balisage HTML. Vérifiez qu'il n'y a pas de balises imbriquées inutiles, divs, etc. Cela aide également le javascript à traiter plus rapidement lorsque le DOM est plus léger.
C'est le problème que je suis en train d'aborder, et je peux vous dire que vous aimerez absolument le livre High Performance Web Sites par Steve Souders. La première chose que vous découvrirez dans le livre est que vous devriez faire moins de demandes HTTP et l'une des façons de le faire est de mettre des images dans des "sprites" (même si vous avez dit que votre concepteur ne utiliser beaucoup d'images, cela aiderait à pousser ces quelques images vers les sprites). Pour ce faire, vous auriez besoin d'un outil (parce que le faire manuellement est juste une perte de temps), et pour cela j'ai utilisé compass, et le livre Pragmatic guide to SASS était absolument génial pour ce sujet (il va droit au but et montre comment utiliser la boussole pour faire des sprites - aussi, je parie qu'une fois que vous essayez SASS, vous ne reviendrez jamais à la vanille css). En outre, comme Midhat mentionné, vous devez réduire votre js/css/html, mais en plus, vous devez mettre tout votre fichier js dans un fichier (en réduisant les requêtes HTTP que le navigateur doit faire), tous vos css code pour un fichier css. En outre, vous devez placer les feuilles de style en haut de la page et les scripts en bas. En tout cas, les quelques choses que j'ai énumérées et un total de 14 règles que vous trouverez dans le livre de Steve. Alors essayez, vous ne serez pas déçu.
Quelle est la technologie de serveur sous-jacente? – cjk
est-ce important, je crois que c'est la limitation cpu/mémoire sur le client c'est le problème – Midhat