Monthly Shaarli

All links of one month in a single page.

June, 2019

"Google's new reCaptcha has a dark side", Katharine Schwab (@kschwabable)
thumbnail

To make this risk-score system work accurately, website administrators are supposed to embed reCaptcha v3 code on all of the pages of their website, not just on forms or log-in pages. Then, reCaptcha learns over time how their website’s users typically act, helping the machine learning algorithm underlying it to generate more accurate risk scores. Because reCaptcha v3 is likely to be on every page of a website,  if you’re signed into your Google account there’s a chance Google is getting data about every single webpage you go to that is embedded with reCaptcha v3—and there many be no visual indication on the site that it’s happening, beyond a small reCaptcha logo hidden in the corner.

"When should you be using Web Workers?", Surma (@dassurma)
thumbnail

Our current generation of frameworks makes off-main-thread architectures hard and diminishes its returns. UI frameworks are supposed to do UI work and therefore have the right to run on the UI thread. In reality, however, the work they are doing is a mixture of UI work and other related, but ultimately non-UI work.

Just ____ "The task library that just works" #JS #Tasks

Just is a build task definition library. Tasks can be composed, executed in series and in parallel. Logging, command-line arguments, conditionnals, a very simple API…

"Specificity Calculator", Keegan Street (@kstre)

A visual way to understand CSS specificity. Change the selectors or paste in your own.

[Video] "It’s My (Third) Party, and I’ll Cry if I Want To", Harry Roberts (@csswizardry)
thumbnail

In this talk, we’ll take a look at unruly or uninvited (third-)party guests: how to detect them, how to audit them, and how to manage them. We’ll also look at the different tools available to help us stress-test and quantify the overhead these third parties bring, and what that means for users and businesses alike.

"Getting started with Web Performance", Fernando Larrañaga (@xabadu)

[…] we need to change the way we think about performance and think of it as part of the process instead of an extra. The best way to do this and make it part of the culture of our teams is to try to find a way to include it as part of our planning.

"Accessibility Insights", Olivier Keyl (@okeul) #a11y
thumbnail

C’est un bon début mais il ne faut surtout pas se limiter à ce type de test. Il faut poursuivre par des tests manuels réalisés par des auditeurs en accessibilité, et idéalement compléter avec des tests d’utilisateurs en situation de handicap.
[…] Quoiqu’il en soit, il est important de garder en tête qu’il n’existe pas d’outil magique concernant l’accessibilité. Il y a juste des outils (et c’est déjà pas mal) qui permettent de faciliter le travail d’un auditeur en accessibilité.

"Optimizing Google Fonts Performance", Danny Cooper (@dannycooper147)
thumbnail

Google Fonts are easy to implement, but they can have a big impact on your page load times. Let’s explore how we can load them in the most optimal way.

"Performance perception: correlation to RUM metrics", Gilles Dubuc (@fullstackjerk)

There is a clear pattern of environmental properties having the worst correlation: Effective connection type, device memory, available CPU, page transfer size. This might suggest that users are aware of their device, network quality and page size (small vs big article in Wikipedia's case) and adjust their expectations to those factors.

"Web Performance: SEO Mythbusting", Martin Splitt (@g33konaut) and Ada Rose Cannon (@JonesLelepe87) #webperf #seo
thumbnail

HTML and CSS are just more resilient than JS. […] Use polyfills, use progressive enhancement: use JavaScript responsibly.

"Self-Host Your Static Assets", Harry Roberts (@CSSWizardry)
thumbnail
  • Risks: slowdowns and outages, service shutdowns, security vulnerabilities
  • Penalties : network negotiation, loss of prioritisation, caching

All of that for the sake of the cross-domain caching? Please, self-host your static assets.