Skip to main content

Home/ Web Performance/ Group items tagged commentaires

Rss Feed Group items tagged

Delphine M.

La checklist performance Opquast (Webperf) est ouverte à commentaires publics... - 3 views

  •  
    "Vous êtes donc les bienvenus pour critiquer, compléter ou amender la future check-list Opquast Webperf."
Laurent Paoletti

Lazy loading below the fold - 6 views

  •  
    I've started experimenting with my home page to make it load even faster. Amazon famously does this too which you can read more about in this Steve Souders post. They make sure everything that needs to be visible above the fold is loaded first, then, it starts loading all the other "stuff" below the fold.
  •  
    Assez d'accord avec les commentaires , il faut éviter que le crawler passe sur la ressource dédiée au chargement des huits autres articles, sinon il y a un risque de duplicate content. Pour éviter cela il faut gérer des règles pour robots.txt, est-ce suffisant ? Le découpage je le fais plutôt au niveau du styling CSS et JS. J'inclue le style css indispensable à l'affichage et charge le reste . Bref il y aussi le risque de reflow dans ce cas.
  •  
    Indian Cheap Escort In Dubai Model Cheap Escort In Dubai Massage Cheap Escort In Dubai Call Girls Cheap Escort In Dubai Vip Cheap Escort In Dubai Desi Indian Escort In Dubai Desi Pakistani Escort In Dubai Desi Call Girls Escort In Dubai Desi Punjabi Escort In Dubai
Mathieu Pillard

Script optimisation PNG - 2 views

  •  
    Le script est basique, j'ai déjà une version plus complexe gérant plusieurs formats mais je ne connaissais pas du tout (ou alors je l'ai oublié :) advdef, à tester.
  • ...6 more comments...
  •  
    Comme je suis chiant moi j'ai repassé ton image à pngnqi (http://pornel.net/pngnq, sous linux mieux vaut rester sur le pnqnq "normal", les sources sont à jours avec le pngnqi). Je suis tombé à 7397 octets (8321 octets pour l'original). C'est toujours un peu magique pour moi les outils d'optimisation d'image, très vaste comme sujet.
  •  
    pngnq il ne fait pas une quantification et donc une modification de la qualité de l'image ? Peut être que visuellement elle n'est pas impactante, mais si c'est le cas ce n'est pas un outil utilisable en automatique et d'un coup le bénéfice/cout par rapport à optipng devient assez faible
  •  
    oulà, je n'avais pas encore vu le lien, faire tourner pngcrush + optipng + advpng, ça fait lourd en cpu. Est-ce que vraiment le gain par rapport à un optipng (qui normalement fait tout ce que fait pngcrush) vaut le coup ? Quand j'avais tenté tous mes tests sur différents outils et différents paramètres, j'étais revenu à la raison : le surcout par rapport au optipng avec les options par défaut vaut rarement les différence de taille au résultat
  •  
    Pour utilise pngnq en automatique, il faut contrôler le nombre de couleurs dans l'image, car si on lui passe un png24 il en fait un png8. En gros en dessous de 2500 couleurs, on peut tranquilement passer à un png8. Bien sûr il faut faire des vérifications derrière. Trop souvent on utilise du png24 là où on devrait utiliser du png8. Png8 sait faire la transparence alpha (IE6 ne la comprends pas = pixel transparent mais pas un pâté gris comme sur le png24). Il faudra que j'expose mon programme nodejs qui fait tous ces contrôles et est paramétrable Voir http://zeroload.net/blog/zeroload%20latest%20achievements%20in%20web%20performance%20%28with%20details%29/
  •  
    Eric > Je ne comprends pas, ou plutôt je fais semblant de ne pas comprendre . Pourquoi le temps CPU pour optimiser les images est t'il si important ? Tu as déjà été confronté à des traitements supérieur à plusieurs jours (même parallélisés) ? Trois cas possible d'optimisation : 1. Optimiser par l'intégrateur (cas idéal) 2. Au moment de l'upload 3. Traitement par lot , en tâche de fond, N date / heure précise Dans le deuxième cas, mise à part des png supérieur à 3 - 4 mo, l'optimisation même maximum ne devrait pas poser de problème , si ? Dans le troisième cas, il y a toujours moyen de basculer les calculs pendant les heures creuses, voir d'utiliser temporaire des serveurs pour générer les nouveaux média (png, jpg). Une fois le média optimisé au maximum on n'y revient pas. Je dois probablement sous-estimer les temps de calculs, a t'on un ordre d'idée (Tps de calcul / Taille du png) ?
  •  
    Les temps se calculent en minutes (donc quelques heures pour traiter un lot). Ce n'est pas tant le cpu en lui même, c'est que ça peut différer une mise en production, et que toutes les boites n'ont pas une machines qui pourrait faire ça. Oui, je sais bien que trouver quelques heures de CPU devrait être ridicule, mais ça nécessite dans pas mal de boites d'allouer une machine spécifique, et ça ce n'est pas si anodin que ça (même si c'est crétin). Et oui, normalement les releases sont prévues à l'avance, surtout les éléments graphiques, mais en pratique ce n'est pas aussi bien fait et devoir lancer un traitement de quelques heures c'est ultra pénible. Mais surtout, quand la différence avec un simple optipng est de moins de 10Ko sur une page, au final ça ne vaut pas le coup de lancer une grosse automatisation et laisser l'outil sur le poste de l'intégrateur web (où le temps cpu ça compte) suffit largement.
  •  
    Pour information, lorsque j'ai du intégrer un traitement par lot, il y avait 45000 images. Donc optimiser toutes les images lors de la mise en production c'était du suicide. Dans leur cas c'était un traitement critique car en gros après traitement la page était moitié moins lourde (sachant qu'une page classique sur leur site c'était 500ko ..) Le traitement prenait environ 4 heures, sauf que, rien n'empêche de faire du différentiel, c'est ce que j'ai fais et ça va très vite à chaque mise en production il n'optimise que les nouvelles images. Bon si vous avez des millions d'images c'est autre chose, il faut une méthode plus fine.
  •  
    J'arrive après la bataille mais: Vincent: oui en fait, dans le reste de la discussion yavait mention de pngnq, j'ai juste choisi de ne parler que de ce commentaire la, parce-qu'il parlait de advdef, que je ne connaissais pas/plus. J'ai déjà eu des surprises avec pngnq, du coup je l'utilise uniquement à la mano, en vérifiant après coup la différence entre l'image d'origine et l'image optimisée (merci python + PIL) Eric: justement ce thread m'a donné envie de retester. Le temps CPU pour moi c'est peanuts, j'ai pas des millions d'images, ca prend 1 min max à chaque fois et ca peut être fait en hook post-commit sur le gestionnaire de sources.
Éric D.

Erreurs de syntaxe - Performance web - 0 views

  •  
    J'ai beaucoup parlé de CSS, de réseau, de javascript, et j'entend parfois dire que le HTML lui n'a aucune importance. Ce n'est malheureusement pas vrai. Il y a au moins trois points à regarder dans le HTML : la qualité syntaxique du code, le mode de rendu des tableaux, et le nombre de noeuds DOM. Je vous détaille le premier ici, les deux autres bénéficieront d'un billet dédié afin de mieux organiser les commentaires.
Éric D.

Dégradez les PNG, faites des compromis - Performance web - 0 views

  •  
    Je continue avec l'excellente présentation de Stoyan Stefanov et je prend la suite de la discussion en commentaire d'il y a quinze jours.
Éric D.

Optimiser les performances d'un site web - Performance web - 0 views

  •  
    je vous en avais parlé, maintenant c'est fait. Camille Roux et Nicolas Chevallier ont ont réalisé une présentation sur l'optimisation des performances d'un site web aux Intellicore Tech Talks. Vous avez donc maintenant la vidéo et les slides disponibles en ligne. Commentaires et comptes rendus bienvenus.
Éric D.

Minimiser le javascript - Performance web - 0 views

  •  
    Pour diminuer la taille des téléchargements on utilise la compression et la minimisation. La minimisation c'est l'art d'enlever tout ce qui est inutile dans un fichier : espaces blancs, commentaires, et éventuellement noms de variables longs.
Éric D.

Gains de performance des sélecteurs CSS - Performance web - 0 views

  •  
    Je parlais il y a quelques jours de performance des sélecteurs CSS. Il y a eu quelques réactions et j'ai échoué dans mes explications : les différences de performance dont on parle ici sont probablement négligeables la plupart du temps. Hors commentaires, certains m'ont rappelé que la documentation de Mozilla concerne d'ailleurs au départ les interfaces XUL avec de gros documents XML complexes agrémentés de très grosses feuilles de style.
Mathieu Pillard

Simple Yet Effective Javascript Optimisations - 3 views

  •  
    Attention, bien lire les commentaires, ya des trucs pas forcément vrais tout le temps pour tous les navigateurs dans toutes les situations.
Samuel Martin

Javascript Is Awesome: Faster than jQuery(document).ready() - Wait Until Exists - 7 views

  •  
    Je viens de commenter là bas pour dire que ça allait ralentir toutes les manipulations DOM après. Donc oui tu gagnes en "read", mais tu perds énormément en "write". J'avais fait un testcase pour Sizzle à l'époque de sa sortie et ils ont désactivé les DOMNodeInserted après ça. Du coup, je pense qu'on doit retirer ce lien de cette liste.
  •  
    Ou garder le lien dans la liste, avec ton commentaire pour expliquer le problème, ça permet de savoir que c'est une fausse bonne idée.
Nicolas Hodin

Sélection de liens #webperf n°4 - 1 views

  •  
    Retrouvez une sélection de liens sur le thème des performances Web de la semaine passée. Au sommaire, 11 liens sur : l'impact des pubs et les bénéfices de l'AdBlocking, Chrome mobile le nouveau IE, Disqus plus rapide que les commentaires natifs de WordPress, du Canary chez Safari, La mort à petits coûts, ...
1 - 13 of 13
Showing 20 items per page