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 924
    J'aime reçus:
    191
    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:
    225
    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:
    9 169
    J'aime reçus:
    345
  4. Bigb06
    Bigb06 WRInaute impliqué
    Inscrit:
    21 Mars 2007
    Messages:
    790
    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:
    186
    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:
    225
    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
Alléger une page qui affiche une carte Google Maps YouTube, Google Images et Google Maps 1 Juin 2008
Mysql :requete lourde comment alleger... Développement d'un site Web ou d'une appli mobile 3 Février 2008
Désindexation images en changeant de format (passage à WebP) Crawl et indexation Google, sitemaps 12 Juillet 2022
Créer mon site web quand je suis profane Développement d'un site Web ou d'une appli mobile 10 Juillet 2022
Conseils site web Demandes d'avis et de conseils sur vos sites 16 Juin 2022
Avis d'hébergeur web pour 15.000 visites/jour Administration d'un site Web 4 Juin 2022
Site Web et déclaration de revenus Droit du web (juridique, fiscalité...) 29 Mai 2022
Redirection nom de domaine vers site web principal Référencement Google 28 Avril 2022
Charte graphique d'un site web Demandes d'avis et de conseils sur vos sites 28 Mars 2022
Avis aux experts webmarketing BtoB : demande de conseil Demandes d'avis et de conseils sur vos sites 8 Mars 2022
Proposition d'un site web Demandes d'avis et de conseils sur vos sites 7 Janvier 2022
Redirection suite refonte site web URL Rewriting et .htaccess 6 Janvier 2022
Problème sur de l'obfuscation de liens avec webflow Développement d'un site Web ou d'une appli mobile 4 Janvier 2022
monétiser un blog sans rien connaître en programmation web Monétisation d'un site web 15 Décembre 2021
Impacts de 2 comptes Google Ads sur un même site Web AdWords 23 Novembre 2021
Site web non indexé par Google Problèmes de référencement spécifiques à vos sites 22 Novembre 2021
Impossible de lire le sitemap (webmaster tools) Crawl et indexation Google, sitemaps 17 Novembre 2021