À quoi dois-je faire attention lors de la création d’un site adapté aux mobiles?

La première et la plus importante chose à considérer est la vitesse de votre site.

Pour réduire le temps de chargement de votre site (après le déploiement), vous devez faire attention aux choses suivantes dans votre phase de développement:

  1. Importez uniquement les composants nécessaires, pas l’ensemble du package. (Le temps de chargement des bibliothèques externes comme bootstrap, Foundation et jQuery est le principal facteur de développement de sites adaptés aux mobiles. Alternativement, vous ne pouvez importer que les composants CSS (Like Buttons, Grid System) et JS (Like Dropdowns, Carousel, SideNav) nécessaires. .)
  2. Utilisez la version réduite des bibliothèques. (Ex. Jquery.min.js a moins de taille que jquery.js)
  3. Écrivez un code JavaScript adapté aux mobiles. (En utilisant la largeur et la hauteur de la fenêtre, vous pouvez charger / décharger votre JavaScript personnalisé pour les appareils mobiles)
  4. Écrivez le code CSS adapté aux mobiles. (À l’aide de CSS Media Queries, vous pouvez modifier la vue de votre site pour les appareils mobiles. Un positionnement correct, une taille de police lisible et une navigation appropriée sont les principales choses à considérer.)
  5. Minimisez l’utilisation des fichiers CSS et JS externes. (L’importation de fichiers sur le serveur prend du temps. Vous pouvez essayer de lier tous vos fichiers CSS en un seul et d’utiliser des sources locales au lieu d’importer sur CDN)
  6. Utilisez des images compressées. (C’est encore un autre facteur majeur qui ralentit votre site Web. Vous pouvez essayer la compression en ligne ou des outils comme jpegtran pour réduire la taille de vos images)
  7. Après le déploiement – Utilisez correctement votre fournisseur d’hébergement. (Ils offrent en fait beaucoup de techniques d’amélioration de la vitesse comme la mise en cache, la compression HTML (.gzip), etc.)

En tant que programmeur paresseux, j’utilise Bootstrap lorsque c’est possible.

Pour créer un site adapté aux mobiles, apprenez sérieusement la conception de sites Web réactifs. Étant donné que mon travail principal n’est pas un développeur Web, j’utilise simplement certains cadres disponibles comme Bootstrap ou Foundation, avec un codage CSS mineur. C’est suffisant pour les sites Web mobiles réactifs de base.

More Interesting

Existe-t-il des sites Web ou des applications mobiles comme Peerby ou NeighbourGoods en Inde?

Comment le Web mobile crée-t-il de grandes opportunités pour les entreprises?

Qu'est-ce qu'un site mobile et pourquoi en ai-je besoin?

Comment pouvons-nous améliorer le processus d'inscription des électeurs aux États-Unis?

L'utilisation d'une application Android ou iPhone est-elle toujours utile au lieu d'accéder directement au site Web à partir du navigateur Web d'un téléphone?

Quels sont les meilleurs logiciels pour accéder aux sites Web bloqués?

Est-il légal de référencer les pages de différents sites Web sur mon application Android? Faut-il prendre la permission pour le faire du propriétaire?

Est-il possible de changer le navigateur par défaut (Safari) d'un iPhone?

Quels sont les avantages et les inconvénients du lancement initial via une application mobile par rapport à une application Web?

Quels appareils mobiles / navigateurs ne sont pas compatibles avec les certificats Comodo PositiveSSL?

L'application Web AJAX sur mobile consomme-t-elle plus de batterie?

Quelles mesures pouvez-vous prendre pour rendre une application Web existante plus adaptée aux mobiles?

Quelle est la technologie permettant de différencier la disposition de la version de bureau du site Web avec la disposition de la version mobile telle que Flipkart.com ou Amazon.com?

Web mobile: Quelle est la meilleure / pire chose à propos de la navigation sur les pages d'un smartphone?