How We Improved SmashingMag Performance — Smashing Magazine
In this article, we’ll take a close look at some of the changes we made on this very site — running on JAMStack with React — to optimize the web performance and improve the Core Web Vitals metrics. With some of the mistakes we’ve made, and some of the unexpected changes that helped boost all the metrics across the board.
Mojeek : un moteur de recherche indépendant respectueux de la vie privée
On parle beaucoup du web qui devient de plus en plus pourri. Que ce soit à cause de ses technos de plus en plus folles, changeant constamment et complexifiant de plus en plus la création de page web. Et ça c'est sans parler du fait que ce soit de plus en plus hostile pour l'utilisateur.
Surfer sans bloqueur de pub, sans faire gaffe aux cookies, avec le javascript activé sur des sites mainstreams (ouai la presse surtout, ce sont les pires) c'est pire que d'aller choper des cracks dans les années 2000.
Créer des boutons accessibles et dignes de ce nom en HTML - La Lutine du Web
Sur le web, les boutons sont partout. Il est très rare de voir un site web sans bouton. En effet, les boutons servent à soumettre des formulaires ou à actionner des interactions gérées via JavaScript. En revanche, les boutons ne servent pas à aller sur une autre page web (ou à une zone de la page web en cours de consultation) ; ça, ce sont les liens qui le font. Parfois, les liens ont des têtes de boutons ; on les appelle même les call to action (CTA) dans le jargon du marketing. Parfois, et c’est pire que tout, des éléments ont des têtes de boutons mais, dans le code, ils ne sont ni des liens, ni des boutons. Ils sont une image, une div, un span, un élément a sans attribut href ou je ne sais quoi encore. Ils sont inutilisables au clavier ou avec une technologie d’assistance comme un lecteur d’écran et sont donc inaccessibles pour les personnes handicapées. Nous sommes là face à un problème d’accessibilité web critique que nous devons résoudre. Je vais essayer d’expliquer au mieux ce qu’il faut faire pour avoir un code HTML sémantique, utilisable, accessible en ce qui concerne les boutons.
Benefits
Less data, costs reduced, less CO2Is your organization suffering from information overload?
Are you producing far too much data and content?
Are you publishing too much?
Do you have webpages that are heavy and slow, full of unnecessary and
poorly optimized code and content?
Does your organization struggle to professionally maintain your di...
Everything we do, everywhere we go, and every website we visit, we see advertisements. While we commute to and from work, watch television, and interact
Optimizing Video For Size And Quality — Smashing Magazine
Adding video to your application can increase customer engagement and satisfaction. But the exact opposite can occur when there are issues with the video playback: video stalls are frustrating and drive customers away. In this article, we’ll walk through the steps to optimize the video on your website to ensure fast playback and reduce stalls.
Livre papier ou liseuse électronique, qui est le plus écolo ?
Les liseuses électroniques comme les livres en papier sont issus de processus de production polluants. Quel mode de lecture pèse le moins sur l’environnement ? Plutôt le livre imprimé, sauf si on lit un très grand nombre d’ouvrages sur la liseuse.
Avec le confinement et le couvre-feu à 18 heures, nous sommes nombreux à avoir redécouvert le plaisir de la lecture. Mais quel est le support le moins néfaste pour notre planète ? Livre ou liseuse ? La réponse ne coule pas de source, car les deux objets sont (...)
"The carbon footprint of our website will no longer be pushed to the back of our minds"
Using Dezeen's website produces carbon dioxide and our carbon footprint is larger than most sites. This is something we are working to change, explains Dezeen founder and editor-in-chief Marcus Fair
There’s an old story about a drunk trying to find his keys in the streetlight. Why? Well, because that’s where it’s the brightest. It’s a funny story, but also relatable, be…
SpeedCurve | An Opinionated Guide to Performance Budgets
If you're just getting started with performance budgets � or if you've been using them for a while and want to validate your work � this post is for you.
State Of GDPR In 2021: Cookie Consent For Designers And Developers — Smashing Magazine
As digital practitioners, GDPR has impacted every facet of our professional and personal lives. Whether you’re addicted to Instagram, message your family on WhatsApp, buy products from Etsy or Google information, no one has escaped the rules that were introduced in 2018.
supertanuki/numeriqueEcoResponsable: Ressources et écosystème sur la mesure et la réduction des impacts environnementaux du numérique
Ressources et écosystème sur la mesure et la réduction des impacts environnementaux du numérique - supertanuki/numeriqueEcoResponsable: Ressources et écosystème sur la mesure et la réduction des im...
Update, April 9, 2021 : We've launched Am I FLoCed, a new site that will tell you whether your Chrome browser has been turned into a guinea pig for Federated Learning of Cohorts or FLoC, Google’s latest targeted advertising experiment. The third-party cookie is dying, and Google is trying to create...
Comment Uni-Médias mobilise toutes ses équipes pour accélérer ses sites web - Fasterize
Uni-Médias édite parents.fr, santemagazine.fr, dossierfamilial.com. Depuis l'audit de Fasterize, les sites sont plus rapides. Mustapha Omar, CTO, témoigne