Allèger en Ko d'une page web

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par passion, 7 Janvier 2013.

  1. passion
    passion WRInaute accro
    Inscrit:
    6 Janvier 2006
    Messages:
    3 767
    J'aime reçus:
    151
    Bonjour,
    Dans un soucis de rendre un site toujours plus léger, et utilisateur comme beaucoup de frameworks, bouton FB, Twitter, etc...
    Comment faites-vous pour alléger votre page web faisant appel à ses services.
    Dans mon cas... Je fais appel à JQuery avec bouton FB + Twitter... rien que ça, cela fait un total de :
    900Ko non compressé et 600Ko compressé !
    Rien que FB fait:
    -http://connect.facebook.net/fr_FR/all.js#xfbml=1 ==> 172Ko

    Biensur, j'ai activé la compression sur le serveur concerné.
    Merci
     
  2. jamalofski
    jamalofski WRInaute discret
    Inscrit:
    3 Mars 2007
    Messages:
    222
    J'aime reçus:
    0
    900 Ko ??!! Waw c'est vraiment bcp! J'ai les mêmes boutons et beaucoup plus de bibliothèques JavaScript et la taille de ma page ne fait pas autant!

    Un outil indispensable à mon avis : PageSpeed soit comme extension Firefox (le mieux à mon point de vue) ou comme service en ligne. Ce qui est bien avec cette extension est qu'elle réduit d'elle même les tailles de tes composants (css, js, images...) et elle te propose de les télécharger pour remplacer les composants originaux. Si tu ajoutes à ceci toutes les mises en cache, la compression GZIP ou DEFLATE, les composants statiques éventuellement dans un CDN… la vitesse du téléchargement de ta page peut drôlement augmenter.
     
  3. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    8 987
    J'aime reçus:
    281
  4. Bigb06
    Bigb06 WRInaute impliqué
    Inscrit:
    21 Mars 2007
    Messages:
    842
    J'aime reçus:
    1
    Bonjour,

    A mon avis il faut savoir faire des compromis : avant d'ajouter un nouveau composant/fonctionnalité, se demander :
    1) Est ce vraiment utile? Pour quel pourcentage de l'audience?
    2) Est ce que ca remplace un autre composant? Est ce plus utile?
    3) Est ce que la même fonctionnalité peut être implémentée de façon plus simple? lien HTML à la place d'un bouton JS par exemple pour facebook ou twitter...
     
  5. fobec
    fobec WRInaute discret
    Inscrit:
    10 Mai 2005
    Messages:
    189
    J'aime reçus:
    0
    a priori, les images pèsent dans les 400 ko:
    - as-tu activé la mise en cache par le navigateur (expire date) sur les images ?
    - la technique des sprites réduit grandement la taille des images, à savoir regrouper plusieurs images dans un seul fichier,
    - le choix du format des images peut jouer aussi. J'obtiens de bons resultats en passant au format png et optimisant l'image avec des services tels que tinypng.org
     
  6. jamalofski
    jamalofski WRInaute discret
    Inscrit:
    3 Mars 2007
    Messages:
    222
    J'aime reçus:
    0
    optimisation des images, javascript, css... tout ça il peut l'avoir avec l'outil que j'ai mentionné ci-dessus : PageSpeed. Ca lui évitera ainsi d'utiliser un outil spécifique pour chaque type de composants.

    J'ai analysé ton WWW et voici les points l'amélioration suggérés :
    - Optimiser les images (réduction possible d'au moins 160.9 Ko (49%)).
    - La mise en cache n'est pas activée (très important).
    - Optimiser les javascripts (réduction possible de 30.1 Ko).
    ...

    Tu peux aussi faire en sorte de n'inclure dans une page que les scripts qui servent à cette même page et non le site entier. C'est un travail long et chi... mais généralement on le prévoit déjà en stade de dev (j'ai pris cette habitude dans mon cas).
     
Chargement...
Similar Threads - Allèger web Forum Date
Alléger des pages trop lentes à charger Débuter en référencement 8 Mars 2017
demande si possible alléger code pour réseau sociaux Développement d'un site Web ou d'une appli mobile 29 Octobre 2012
Alléger le trafic du à un autocomplete Développement d'un site Web ou d'une appli mobile 15 Février 2011
Rédaction web avec calcul note de contenu Rédaction web et référencement Jeudi à 16:24
Une web application Node.JS en iframe Développement d'un site Web ou d'une appli mobile 20 Mai 2020
Associer facebook à mon site web Facebook 13 Mai 2020
Hosting web pour l'Amérique du sud Administration d'un site Web 18 Avril 2020
Astuce optimisation image au format Webp YouTube, Google Images et Google Maps 6 Avril 2020
Impact du Coronavirus sur le trafic web Référencement Google 26 Mars 2020
Architecture site web Rédaction web et référencement 24 Mars 2020
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice