Version web de mon site pour les mobiles

Salut,

J'ai un site web traditionnel et souhaite refaire une version petite pour mobile.

Après avoir fouillé le web j'en ai tiré certaines choses que j'aimerai valider avec vous.
Bien sur j'ai aussi pleins de questions.

Taille largeur 320 px - hauteur cela dépend du site mais sinon c'est 480 px pour un iphone et 240 px pour tupe blackberry

Faut il travailler avec des "table" ou des "div" ?

Faut il travailler en px ou em ou % ?

Si on travaille en DIV pas de float ?

La page doit être légère normal environ 30 ko

Les css elle doivent être intégrée à la page web, ou bien en link ou import ?
Je crois qu'il y a une histoire de media="handheld" pour le navigateur Opéra ?

Si on travaille en DIV peut on utiliser du padding et margin ?

ET POUR LA REDIRECTION :

Il y en a qui dise de mettre un simple lien texte en haut du site web taille normale pour aller sur la version mobile et d'autres utilisent apparament des détecteurs de navigateur mobile. Quel est le mieux à utiliser ?

Si vous avez des exemples à me donner je suis preneuse notamment pour l'utilisation du HTTP_USER_AGENT.


PS : merci de me partager vos expériences et conseils

Nini

Salut

Un site mobile doit pouvoir se télécharger rapidement à cause de la connexion qui peut être pourri (edge, dan le métro,...) du coup, il faut essayer d'optimiser au max ton site :

• mettre toutes tes images dans une seule (sprite)
• fusionner tes javascripts et css
• minifier et gziper tes fichiers
• ...

Tu peux utiliser Page Speed de Google pour tester la performance de tes pages.

Des articles et outils pour améliorer son développement : Let's make the web faster.

Après, pour les div au lieu des table, c'est mieux que ça soit tout le temps comme ça même sur un site classique.