Un nouveau livre fracassant par Addy Osmani —

Les images sont un élément clé du Web depuis des décennies. Nous interprétons les images beaucoup plus rapidement que le texte, c'est pourquoi les visuels de haute qualité stimulent les conversions et l'engagement des utilisateurs. Pour être efficaces, toutes ces images doivent être soigneusement orchestrées pour apparaître rapidement à l'écran, mais il s'avère que le chargement efficace d'images à grande échelle n'est pas un projet pour un après-midi tranquille.
Optimisation de l'imagechargement le comportement et le rendu dans le navigateur nécessitent une compréhension des formats d'image et des techniques de compression d'image, du décodage d'image et du rendu du navigateur, des CDN d'image et du chargement adaptatif des médias, sans oublier la mise en cache et le préchargement efficaces. Voyons tout.
Pour un guide complet sur l'optimisation des images, nous nous sommes associés à Addy Osmaniun ingénieur responsable travaillant sur Google Chrome qui a travaillé sur les performances Web pendant des décennies. Le résultat est un livre avec tout ce dont vous avez besoin pour optimiser vos images et les afficher rapidement, sans être ralenti en cours de route.

Imprimer + eBook
$
44.00
Couverture rigide de qualité. Livraison gratuite dans le monde entier. Garantie de remboursement de 100 jours.
À propos du livre
À côté des vidéos, les images sont les éléments les plus lourds et les plus demandés sur le Web. Certaines des plus grandes économies de taille et améliorations des performances peuvent provenir d'une meilleure stratégie d'optimisation d'image. Alors, comment encoder, déployer, servir et maintenir les images au fil du temps ? Notre nouveau livre explore exactement cela. Consultez l'aperçu PDF gratuit (3 Mo).

Le nouveau livre d'Addy se concentre sur ce qui compte : les approches modernes de la compression et de la diffusion d'images, des outils et des techniques pratiques pour automatiser l'optimisationles images réactives, les formats d'image actuels et les navigateurs chargent, décodent et restituent les images, les CDN, le lazy-loading, le chargement adaptatif des médias et comment optimiser pour Core Web Vitals. Le tout dans un seul et même livre de 528 pages.
Image Optimization vous aidera à fournir des images réactives de haute qualité dans le meilleur format et la meilleure taille, et au moment où vos utilisateurs en ont le plus besoin. Rempli de conseils et techniques utilesle livre met l'accent sur l'application pratique et la longévité de vos stratégies d'optimisation d'image. Aller à la table des matières ↓
Vous apprendrez :
- les formats d'image,
- la compression d'image,
- améliorer le rendu des images,
- préparer des images pour une variété de résolutions ,
- automatiser l'optimisation d'image,
- maintenance d'image,
- lazy-loading et des techniques comme SQIP,
- images CDN, et comment en configurer un,
- AVIF, JPEG XL et HEIFleurs avantages et inconvénients,
- Core Web Vitals et comment les optimiser,
- livraison d'images adaptative aux conditions du réseau.

Table of Contents
Les images nous aident à raconter une histoire et à mieux interagir avec nos clients. Les photos de haute qualité ne manquent pas autour de nous, mais comment les encoder, les déployer, les servir et les maintenir ?
Les 23 chapitres de notre tout nouveau livre explorent exactement cela.
1. L'élément humble
+2. Optimisation de la qualité d'image
3. Comparaison des formats d'image
5. Performances de décodage d'image
6. Mesurer les performances des images
12. Techniques de rendu progressif
13. Optimisation des requêtes réseau avec la mise en cache et le préchargement
14. Images hors écran à chargement paresseux
15. Remplacement des GIF animés
16. Réseaux de diffusion de contenu d'image
20. Comparaison de nouveaux formats de fichiers image
21. Offrir des expériences multimédias légères avec Data Saver
22. Optimiser les images pour Core Web Vitals
23. Le pipeline d'images de Twitter (étude de cas)
528 pages. Vous pouvez commencer immédiatement à lire le livre électronique (PDF, ePUB, Amazon Kindle). Les livres imprimés sont expédiés dans le monde entier. Écrit par Addy Osmani. Illustrations d'Espen Brunborg et Nadia Snopek.
Imprimer + eBook
$
44.00
Couverture rigide de qualité. Livraison gratuite dans le monde entier. Garantie de remboursement de 100 jours.
À propos de l'auteur
Addy Osmani est un directeur technique travaillant sur Google Chrome. Son équipe se concentre sur la vitesse aidant à garder le Web rapide. Consacrée à la communauté open source, les contributions open source passées d'Addy incluent Lighthouse (un outil d'audit pour les performances et les meilleures pratiques Web), Workbox (bibliothèques pour les fichiers de mise en cache hors ligne utilisant le service travailleurs), Yeoman (l'outil d'échafaudage Web), Critical (l'outil d'optimisation CSS du chemin critique) et TodoMVC. Addy est l'auteur du livre Learning JavaScript Design Patterns.
Reviews and Testimonials
« Un aperçu incroyablement complet de l'optimisation d'images. Ce livre vous apprendra tout ce que vous devez savoir pour fournir des images efficaces et performantes sur le Web. "
— Katie HempeniusGoogle
" L'optimisation de la diffusion des images est la clé de la création d'applications Web hautes performances. Ce livre explique tout ce que les développeurs doivent savoir sur le choix du bon format d'image, la compression des éléments d'image, et plus encore !"
— Mathias BynensGoogle
"Les images sont le cœur et l'âme du Web ; ils aident à créer ce lien émotionnel avec les humains. Pourtant, il est vraiment facile de gâcher cette expérience en ralentissant le chargement ou pire, en surquantifiant les pixels et en déformant les images. Comprendre le fonctionnement des images est essentiel pour tout ingénieur ; la dernière chose que nous voulons, c'est traiter les bogues ouverts provenant de mauvaises expériences créatives ou de performances. "
— Colin BendellShopify
Détails techniques
- ISBN : 978-3- 945749-94-4 (imprimé)
- Couverture rigide de qualitéreliure cousue, marqueur de page à ruban.
- Envoi gratuit par avion dans le monde entier depuis l'Allemagne. Vous pouvez commencer à lire le livre électronique immédiatement.
- Le livre électronique est également disponible au format PDF, ePUB et Amazon Kindle.
- Obtenez le livre immédiatement.
Community Matters ❤️
Produire un livre prend un certain temps, et nous ne pourrions pas le faire sans le soutien de notre merveilleuse communauté. Un grand bravo aux membres Smashing pour leur soutien aimable et continu. Le livre électronique est et sera toujours gratuit pour les Smashing Members. De plus, les membres bénéficient d'un rabais amical lors de l'achat de leur copie imprimée. Je dis juste ! 😉
Restez génial, et merci pour votre soutien continu, tout le monde !
Imprimer + eBook
$
44.00
Couverture rigide de qualité. Livraison gratuite dans le monde entier. Garantie de remboursement de 100 jours.
Plus de livres et goodies Smashing
Promouvoir les meilleures pratiques et vous fournir des conseils pratiques pour maîtriser vos défis quotidiens de codage et de conception a toujours été (et sera) au cœur de tout ce que nous faisons chez Smashing.
Au cours des dernières années, nous avons eu la chance de travailler avec des personnes talentueuses et attentionnées de la communauté Web pour publient leur riche expérience sous forme de livres imprimés qui résistent à l'épreuve du temps. Paul et Adam font partie de ces personnes. Avez-vous déjà consulté leurs livres ?
TypeScript In 50 Lessons
Tout ce que vous devez savoir sur TypeScript, son système de typographie, ses génériques et ses avantages.
Listes de contrôle de conception d'interface (PDF)
100 cartes pratiques pour les défis courants de conception d'interface.
Modèles de conception de formulaires
Un guide pratique pour concevoir et coder des formulaires simples et inclusifs.
Source link