En tant que développeurs, nous parlons souvent de performances et demandons aux navigateurs de rendre les choses plus rapidement. Mais quand ils le font enfin, nous demandons encore plus de performance.
Alex Russel de l'équipe Chrome partage maintenant quelques réflexions sur les développeurs abusant des performances du navigateur et explique pourquoi les sites Web sont encore lents même si les navigateurs sont réinventés. eux-mêmes avec des moteurs de rendu incroyablement rapides. Ceci est en ligne avec un article d'Oliver Williams dans lequel il déclare que nous nous concentrons sur les mauvaises choses, et au lieu de fournir les solutions les plus rapides pour les machines et navigateurs plus lents, nous fournissons des paquets encore plus grands avec les polyfills et le code transpilé à chaque navigateur.
Il n'est certainement pas facile de sortir de ce schéma et de maintenir la taille des paquets au minimum dans l'intérêt de l'utilisateur, mais nous avons les technologies pour y parvenir. Donc explorons des manières non traditionnelles et pensons plus souvent à l'expérience utilisateur réelle – avant définissant un workflow de projet au lieu d'après.
Liste de contrôle de performance frontale 2018
Pour vous aider à faire face à des expériences rapides et fluides, Vitaly Friedman a résumé tout ce que vous devez savoir pour optimiser les performances de votre site dans une seule liste pratique. Lire la suite →
News
- Firefox 60 est sorti et apporte les modules ECMAScript, ainsi que l'API Web Authentication.
- Chrome 66 est maintenant stable présentant quelques mises à jour importantes concernant l'audio. Après qu'un bogue provoqué par la protection de l'utilisateur nouvellement introduite contre le fond-autoplay a été révélé qui a provoqué de graves problèmes avec les clients WebRTC, Chrome a annoncé de rétablir le blocage automatique et de le retarder jusqu'à Chrome 70 (à venir en automne), pour que les développeurs aient plus de temps pour adapter leur base de code.
- Avec Chrome 66 déjà sorti et la dernière version de Firefox à venir, deux principaux navigateurs se méfient désormais de tous les certificats Symantec Juin 2016 – et croyez-moi quand je dis qu'il y a beaucoup de sites qui n'ont pas encore changé leurs certificats affectés et, donc, seront hors de portée pour les utilisateurs maintenant (Chrome) ou très prochainement (Firefox). [19659016] Github Pages offre désormais le support HTTPS pour les domaines personnalisés . Auparavant, HTTPS n'était disponible que pour les sous-domaines
*. Github.io
ou via des fournisseurs tiers tels que Cloudflare. - Chrome 67 arrive bientôt et désapprouvera quelques éléments avant de supprimer le support deux versions plus tard parmi lesquelles le verrouillage de clé publique HTTP (HPKP) et AppCache dans des contextes non sécurisés.
- La mise à jour de Windows 10 avril apporte EdgeHTML 17 avec des onglets muets, des formulaires de remplissage automatique , un nouveau mode «imprimer le site Web» pour économiser les ressources, les travailleurs des services et les notifications push. Polices variables, capture d'écran dans RTC via l'API Media Capture, SRI (Subresource Integrity) et prise en charge de l'en-tête
Upgrade-Insecure-Requests
ont également été ajoutées. Un pas en avant! - npm version 6 est ici avec quelques améliorations de sécurité importantes. A partir de maintenant, vous n'avez pas seulement une nouvelle commande
npm audit
pour auditer vos dépendances, mais npm le fera automatiquement et rendra compte lors des installations de dépendances. La nouvelle version vient également avecnpm ci
pour accélérer les tâches CI et quelques autres améliorations. - Le noeud 10 est sorti avec des générateurs et un support de fonction asynchrone, support complet pour N -API et support pour le protocole Inspector. Il deviendra la prochaine version de soutien à long terme en Octobre.
- L'outil de codage des meilleures pratiques de Microsoft Sonarwhal est maintenant disponible dans la première version stable .
Général
- Oliver Williams a écrit sur l'importance c'est nous qui repensons comment nous construisons des sites Web et mettons en œuvre une «amélioration progressive» pour que le Web fonctionne bien pour tout le monde. Après tout, c'est nous qui rendons l'expérience encore plus difficile pour nos utilisateurs quand nous transpirons aveuglément tout notre code ECMAScript ou que nous servons des tonnes de polyfills JavaScript à ceux qui utilisent déjà des machines lentes et des logiciels anciens.
- de toutes les demandes de JavaScript sur BuzzFeed expirer . C'est environ 13 millions de demandes par mois. Nous vous rappelons à quel point il est important de fournir une solution de secours solide, une amélioration progressive et des solutions de contournement.
- La nouvelle directive GDPR (Réglementation générale sur la protection des données) arrive très bientôt. Ce qui est encore très flou, c'est quels services peuvent déjà fournir ce que l'on appelle les DPA (Data Processing Agreements). Joschi Kuphal recueille des services qui offrent un DPA afin que nous puissions facilement les rechercher et voir comment nous pouvons obtenir une copie afin de continuer à utiliser leurs services. Vous pouvez aider en contribuant à cette ressource via Pull Requests
UI / UX
Sécurité
Vie privée
- La GDPR Checklist est une autre ressource utile pour vérifier si un site Web est conforme à la prochaine directive de l'UE. 19659016] Bloomberg a publié un article sur le projet de protection de la vie privée pi-hole pourquoi il existe et ce qu'il veut réaliser. J'utilise le logiciel tous les jours pour garder mon réseau domestique et mon travail sans trace
Web Performance
- Postgres 10 est déjà là depuis longtemps, mais j'ai personnellement eu du mal à trouver de bonnes informations sur la manière d'utiliser toutes ces fonctionnalités étonnantes. Gabriel Enslein partage maintenant les mises à jour de performances de Postgres 10 dans une présentation, expliquant comment utiliser le support JSON intégré, le partitionnement natif pour les jeux de données volumineux, la résilience d'index de hachage, etc. a découvert que beaucoup de sites Web utilisent des en-têtes obsolètes. Il partage maintenant pourquoi nous devrions abandonner les anciens en-têtes et ceux qui serviront
Accessibilité
CSS
- Rarement parlé depuis des années, les tableaux CSS sont toujours utilisés sur la plupart des sites pour montrer (et c'est totalement correct) les données dans les tableaux . Mais comme ils ne répondent pas par défaut, nous avons toujours eu du mal à les rendre réactifs et la plupart d'entre nous utilisions JavaScript pour les faire fonctionner sur des écrans mobiles. Lea Verou trouve maintenant deux nouvelles façons d'obtenir des tableaux réactifs en utilisant CSS : L'une est d'utiliser
text-shadow
pour copier le texte vers d'autres lignes, l'autre utilise l'élément(
pour copier l'ensemblevers d'autres lignes – j'essaie toujours de comprendre comment Lea a trouvé ces solutions, mais c'est incroyable!
- Rachel Andrew a écrit un article sur construire et fournir des feuilles de style en 2018 et pourquoi ils importent beaucoup pour les utilisateurs même s'ils ne possèdent plus d'imprimante
- Osvaldas Valutis partage comment implémenter le modèle de navigation dit "Priority Plus" principalement avec CSS , au moins dans les navigateurs modernes. Si vous avez besoin de supporter des navigateurs plus anciens, vous devrez étendre cette solution, mais c'est un excellent début pour implémenter un tel modèle sans JavaScript.
- Rachel Andrew partage ce qui va arriver dans le CSS Grid Level 2 et les spécifications Subgrid et explique ce que c'est, ce qu'il peut résoudre, et comment l'utiliser une fois qu'il est disponible dans les navigateurs.
JavaScript
- Chris Ashton " a utilisé le web pendant une journée avec JavaScript désactivé . "Cette pièce met en évidence l'importance de penser à des échecs JavaScript sur les sites Web et pourquoi cela est important si vous fournissez des solutions de rechange ou non.
- Sam Thorogood explique comment créer un" native undo & redo pour le web ", tel qu'il est utilisé dans de nombreux éditeurs de texte, jeux, logiciels de planification ou graphiques et autres occasions telles qu'un réordonnancement par glisser-déposer. Et bien que ce ne soit pas facile à construire, l'article explique les concepts et les aspects techniques pour nous aider à comprendre ce problème compliqué.
- Il existe une nouvelle façon d'implémenter des requêtes élément / conteneur dans votre application: eqio
Travail et vie
- Johannes Seitz partage ses réflexions sur la gestion de projet au début des projets . Il appelle la méthode "Itération Zéro". Un concept intéressant pour mieux comprendre la portée et les risques d'un projet alors que vous n'avez pas encore assez d'expérience avec le projet lui-même, mais que vous devez construire une feuille de route pour démarrer les choses.
- Arestia Rosenberg ] premier conseil pour les pigistes est de «se pencher sur le moment» . Il s'agit de faire du travail quand vous le pouvez et d'utiliser votre chance de faire autre chose quand vous ne croyez pas pouvoir travailler de façon productive. En fin de compte, le résumé se traduit par une vie heureuse et plus de productivité. Je l'étendrais personnellement à toutes les personnes qui peuvent le faire, mais, bien sûr, c'est mieux applicable aux pigistes en effet.
- Sam Altman partage quelques astuces de productivité pratiques qui ne sont pas seulement un ' dix choses à faire 'énumérer, mais en fait des pensées vraiment utiles sur la façon de penser être productif.
Aller au-delà …
- Ethan Marcotte élabore sur les questions éthiques avec Google Duplex qui est conçu pour imiter voix si bien que les gens ne remarquent pas si c'est une machine ou un être humain. Bien que cela semble très intéressant d'un point de vue technique, cela va pousser beaucoup plus loin le débat sur les fausses nouvelles et provoquer plus de luttes pour différencier quelque chose d'un humain dit ou d'une machine imitée
- promet et voici pourquoi il est si important de tenir vos promesses même si c'est parfois difficile.
- Je parie que la plupart d'entre vous n'ont pas encore entendu parler de Palantir. La société est financée par Peter Thiel et est une société d'extraction de données qui a l'intention de collecter autant de données que possible sur tout le monde dans le monde . Il est connu de collaborer avec diverses autorités policières et a même des liens avec les services militaires. Ce qu'ils font avec les données et les données qu'ils nous ont fournies ne sont pas connus. Mon seul espoir en ce moment est que cette société souffrira beaucoup de la directive GDPR de l'UE et que l'Union européenne essaiera d'arrêter sa collecte incontrôlée de données. Les recherches sur les données de Facebook ne sont rien comparées à Palantir
- Les chercheurs sonnent l'alarme après une analyse montrant que l'achat d'un nouveau smartphone consomme autant d'énergie qu'un téléphone existant pendant une décennie . Je suppose que je ne remplacerai pas mon iPhone 7 de sitôt – c'est toujours un appareil absolument génial et juste assez pour ce que j'en fais.
- Anton Sten partage ses réflexions sur Vanity Metrics un moyen courant partager des chiffres et des statistiques hors contexte. Et depuis qu'il a réalisé quelle pertinence ils ont, il pense différemment à propos de la plupart des données lisibles comme les investissements ou les données d'utilisation des services maintenant. Lire un numéro sans avoir de contexte pour le comparer n'a pas d'importance du tout. Nous devrions garder cela à l'esprit.
Nous espérons que vous avez apprécié cette mise à jour sur le développement Web. Le prochain est prévu le vendredi 15 juin. Restez à l'écoute.
(cm)
Source link