Mise à jour mensuelle

Nous ne pouvons pas répéter assez à quel point la communauté des performances Web est merveilleuse! Il y a de bonnes personnes qui aident à rendre le Web plus rapide, et leurs efforts comptent vraiment. Avec la nouvelle année qui approche et les résolutions de tout le monde toujours mises à l'épreuve, des objectifs personnels tels que la reproduction de bogues et la résolution de problèmes deviennent soudainement quelque chose que nous avons tous en commun: améliorer le Web pour tout le monde impliqué.

Alors que divers domaines de performance deviennent de plus en plus sophistiqués et compliqués au fil des ans, Vitaly affine et met à jour sa liste de contrôle de performance frontale chaque année. Ce guide couvre à peu près tout, des budgets de performance aux applications d'une seule page aux optimisations de réseau. Il s'est avéré très utile pour les gens au cours des dernières années – n'importe qui peut le modifier (PDF, MS Word Doc et Apple Pages) et l'ajuster à leurs propres besoins personnels ou même l'utiliser pour leur organisation.

Maintenant, sans plus loin, voyons ce qui se prépare à Smashing!

Des moments passionnants: nouveau livre de smashing

Êtes-vous prêt pour le prochain livre de smashing? Eh bien, tout comme tous les livres imprimés que nous avons publiés, chacun est conçu pour fournir des connaissances et une expertise approfondies partagées par des experts et des praticiens de l'industrie. Le Manuel de conception éthique ne sera pas différent. Ecrit par Trine Falbe, Martin Michael Frederiksen et Kim Andersen, le livre sortira en pré-publication fin janvier.

Comme toujours, il y aura une remise de pré-commande disponible . Nous prévoyons d'expédier des exemplaires à couverture rigide fin février, mais en attendant, n'hésitez pas à vous abonner pour être l'un des premiers à mettre la main sur le livre!

Moins de parole, plus de temps pour les questions

Nos SmashingConfs sont connus pour être des événements conviviaux et inclusifs où les développeurs et les concepteurs frontaux se réunissent pour assister à des sessions en direct et à des ateliers pratiques. De la conception en direct au débogage en direct, nous voulons que vous demandiez quoi que ce soit aux conférenciers – des conventions de dénomination aux stratégies de débogage. Pour chaque conférence, nous aurons suffisamment de temps pour entrer dans les détails et montrer de vrais exemples tirés d'un travail réel sur grand écran.

Si vous avez hâte de ne pas manquer l'un de nos SmashingConfs, puis billets pour les lève-tôt sont toujours disponibles. Et si vous avez besoin d'une petite aide pour convaincre votre patron de vous envoyer à un événement, faites-le nous savoir! Nous vous soutenons. ?

?? San Francisco 21-22 avril
?? Austin, Texas 9-10 juin
?? Fribourg , 7–8 septembre
?? New York 20–21 octobre

Un goût de fracas… Hors écran

Nous avons atteint notre 7ème épisode du Smashing Podcast ! Nous sommes si fiers et ravis d’avoir nos chers amis et collègues, Drew McLellan et Bethany Andrew gérant si brillamment l’interview bihebdomadaire! La rétroaction a été extrêmement positive, et maintenant nous en sommes ravis pour bien d'autres!

Briller le projecteur sur TypeScript

En moins de deux semaines ( janv. 29 ), nous organiserons un webinaire Smashing TV avec Stefan Baumgartner qui fera la lumière sur ce que la vérification de type a en réserve pour les gens qui créent et utilisent le Web. TypeScript a été l'une des technologies les plus en vogue en 2019 – il est maintenant temps de regarder au-delà du battage médiatique!

Marquez vos calendriers et rejoignez-nous à 17h00, heure de Londres – nous serions ravis d'entendre votre réflexions et expériences que vous avez eues dans votre carrière.

Sujets tendances sur SmashingMag

Nous publions chaque jour un nouvel article sur divers sujets d'actualité dans l'industrie du Web. En voici quelques-uns que nos lecteurs ont semblé apprécier le plus et ont recommandé davantage:

Les meilleurs choix de notre newsletter

Avec le début d'une toute nouvelle décennie, nous avons décidé de commencer avec des sujets dédiés aux performances Web. Il y a donc beaucoup de gens talentueux qui travaillent sur des projets brillants, et nous aimerions faire passer le mot et leur donner le crédit qu'ils méritent!

Note : Un grand merci à Cosima Mielke pour avoir écrit et préparé ces articles!

Quelles mesures sont les plus importantes?

Première peinture significative Time to Interactive Premier délai d'entrée SpeedIndex . Avec autant de mesures de performances flottant, il n'est pas facile de trouver le juste équilibre pour un projet. Et la plupart du temps, ces statistiques à elles seules seront trop génériques et pas assez précises, nous devrons donc les compléter également par des statistiques personnalisées. Dans les petites et grandes entreprises, il est courant de définir des pixels importants dans l'interface utilisateur, de mesurer la vitesse à laquelle nous pouvons commencer à les rendre et la rapidité avec laquelle nous pouvons fournir une réactivité d'entrée.

Chaque projet pourrait bénéficier d'un mélange d'au moins 4 mesures. Time To Interactive (TTI) est la métrique clé pour comprendre le temps d'attente d'un utilisateur pour utiliser le site sans décalage. Premier délai d'entrée (FID) complète très bien TTI car il décrit la partie manquante de l'image: ce qui se passe lorsqu'un utilisateur interagit réellement avec le site.

Temps de blocage total (TBT) permettent de quantifier la gravité du caractère non interactif d'une page avant qu'elle ne devienne de manière fiable interactive. Et Décalage de mise en page cumulatif (CLS) met en évidence la fréquence à laquelle les utilisateurs subissent des changements de mise en page (reflows) inattendus lorsqu'ils accèdent au site. Toutes ces mesures apparaîtront dans Lighthouse v6 au début de son déploiement en 2020.

De plus, vous pouvez consulter FrustrationIndex qui examine les écarts entre les mesures au lieu de les regarder. individuellement, impact sur le poids de l'annonce et Coûts du processeur au niveau des composants . Notez que la première peinture significative / contentieuse est remplacée par la plus grande peinture contentieuse et le rôle de SpeedIndex a diminué avec l'apparition de nouvelles mesures.

L'impact de l'optimisation des performances

Ce n'est pas un secret que les performances a un impact direct sur l'expérience utilisateur et les mesures commerciales et que parfois, même une optimisation des performances Web apparemment petite, comme réduire le temps de chargement de quelques millisecondes, peut conduire à un meilleur taux de conversion. Pour démontrer cet impact, WPO Stats recueille des études de cas et des expériences sur des produits et des sites de commerce électronique – des histoires de succès et de choses qui ont mal tourné.

Pour soutenir vos optimisations de performances avec des chiffres précis et vous aider à mieux saisir leur impact, Sergey Chernyshev a construit le UX Speed ​​Calculator . Il vous permet de voir comment la distribution de la vitesse, le taux d'erreur, le taux de rebond et le taux de conversion s'entrelacent pour les valeurs que vous entrez.

Compressez automatiquement les images de vos RP

L'optimisation d'image est probablement l'une des tâches les plus simples de votre liste de contrôle d'optimisation des performances. Cependant, si vous avez beaucoup d'images à optimiser, cela peut également prendre un certain temps, et à la hâte, certaines images peuvent même arriver en production en sautant cette étape.

Pour changer cela, l'équipe de Caliber a construit une action GitHub qui compresse automatiquement tous les JPEG, PNG et images WebP dans vos demandes de tirage. Il est rapide, efficace et, pour une compression presque sans perte, il utilise les meilleurs algorithmes de compression d'image disponibles: mozjpeg et libvips. Un vrai gain de temps.

Ressources pour rester au top de la performance

Beaucoup de gens dans la communauté web sont déterminés à la performance et à aider à faire passer le mot à ce sujet. L'un d'eux est Tim Kadlec. Dans son podcast Chasing Waterfalls il invite les gens qui travaillent à rendre le Web plus rapide pour tout le monde. Trois épisodes ont déjà été publiés, avec Reefath Rajali partageant des informations sur le parcours de performance de PayPal, Malek Kalim explorant comment faire évoluer une culture de performance à travers une organisation, et Katie Hempenius parlant de budgets de performance, de défis tiers, de JavaScript et de beaucoup de

Une autre ressource pratique pour vous tenir au courant des performances Web vient de Ben Schwarz et Karolina Szczur. Ensemble, ils organisent la Newsletter Performance fournissant des outils de performance Web, des conférences et d'autres ressources dans votre boîte de réception deux fois par mois. Il y a aussi une archive des numéros précédents du bulletin d'information pour que vous puissiez vous rattraper jusqu'au prochain numéro.

Chaque numéro du bulletin Smashing est écrit et édité avec amour et soin. Pas de publipostage tiers ni de publicité cachée – promis!

(cm, vf, ra, il)