Webdesign réactif - Optimisation des performances

Question

Mon nouveau site Web est maintenant terminé et il fonctionne assez bien, sur la plupart des appareils que j'ai testés. la seule chose que j'ai optimisée était le code, donc j'ai supprimé tous les commentaires et les autres lignes unnessescary dans tous les fichiers .css et .html. mais au-delà, que puis-je faire pour optimiser un site web spécifique aux contextes mobiles?

vous pouvez voir ici ici (toutes les images ne sont utilisées que pour la démonstration): http://mbaljan.de/weblab/sites/designtisch/

Answer 1

Firebug "vitesse de la page" offre de nombreuses options d'optimisation. Vous pouvez les essayer.

Answer 2

Vous envisager de changer ce qui est servi au navigateur en fonction de chaque vitesse de connexion Internet ou d'un dispositif ou les deux. Par exemple, diffusez des images plus petites lorsque le site Web est affiché sur un appareil mobile. Cela accélérerait le temps de chargement. Consultez les images adaptatives pour ce faire: http://adaptive-images.com/

En outre, essayer de réduire le nombre de fichiers chargés est une bonne idée. Par exemple. 1 fichier jQuery/javascript. Vous pouvez également essayer de réduire tous vos fichiers javascript (et CSS si vous le souhaitez) pour réduire la taille de leurs fichiers et réduire le temps de chargement. Si vous avez l'intention de modifier ces fichiers à l'avenir, vous devrez conserver une sauvegarde non compressée. Départ: http://javascriptcompressor.com/

Une autre chose que vous pourriez faire en sorte que vous faites est d'utiliser des images-images. De cette façon, vous réduisez le nombre de fichiers image en cours de chargement. Cela ne fonctionnera pas avec les images adaptatives, donc je trouve préférable d'utiliser des sprites juste pour des choses comme des logos et des icônes.