Designing for Performance

Weighing Aesthetics and Speed
O'Reilly (Verlag)
  • 1. Auflage
  • |
  • erschienen am 4. Dezember 2014
  • |
  • 182 Seiten
E-Book | PDF mit Adobe-DRM | Systemvoraussetzungen
978-1-4919-0373-5 (ISBN)
As a web designer, you encounter tough choices when it comes to weighing aesthetics and performance. Good content, layout, images, and interactivity are essential for engaging your audience, and each of these elements have an enormous impact on page load time and the end-user experience. In this practical book, Lara Hogan helps you approach projects with page speed in mind, showing you how to test and benchmark which design choices are most critical.To get started, all you need are basic HTML and CSS skills and Photoshop experience.Topics include:The impact of page load time on your site, brand, and usersPage speed basics: how browsers retrieve and render contentBest practices for optimizing and loading imagesHow to clean up HTML and CSS, and optimize web fontsMobile-first design with performance goals by breakpointUsing tools to measure performance as your site evolvesMethods for shaping an organizations performance culture
  • Englisch
  • Sebastopol
  • |
  • USA
  • 5,43 MB
978-1-4919-0373-5 (9781491903735)
weitere Ausgaben werden ermittelt
  • Intro
  • Contents
  • Foreword by Steve Souders
  • Foreword by Randy J. Hunt
  • Preface
  • Chapter 1: Performance Is User Experience
  • Impact on Your Brand
  • Returning Users
  • Search Engine Rankings
  • Impact on Mobile Users
  • Mobile Networks
  • Mobile Usage Patterns
  • Mobile Hardware
  • Designers' Impact on Performance
  • Chapter 2: The Basics of Page Speed
  • How Browsers Render Content
  • Requests
  • Connections
  • Page Weight
  • Perceived Performance
  • Critical Rendering Path
  • Jank
  • Other Impacts on Page Speed
  • Geography
  • Network
  • Browser
  • Chapter 3: Optimizing Images
  • Choosing an Image Format
  • JPEG
  • GIF
  • PNG
  • Additional Compression
  • Replacing Image Requests
  • Sprites
  • CSS3
  • Data URIs and Base64-Encoding Images
  • SVG
  • Image Planning and Iterating
  • Schedule Routine Checks
  • Create Style Guides
  • Mentor Other Image Creators
  • Chapter 4: Optimizing Markup and Styles
  • Cleaning Your HTML
  • Divitis
  • Semantics
  • Accessibility
  • Frameworks and Grids
  • Cleaning Your CSS
  • Unused Styles
  • Combine and Condense Styles
  • Clean Stylesheet Images
  • Remove Specificity
  • Optimizing Web Fonts
  • Creating Repurposable Markup
  • Style Guides
  • Additional Markup Considerations
  • CSS and JavaScript Loading
  • Minification and gzip
  • Caching Assets
  • Chapter 5: Responsive Web Design
  • Deliberately Loading Content
  • Images
  • Fonts
  • Approaches
  • Project Documentation
  • Mobile First
  • Measure Everything
  • Chapter 6: Measuring and Iterating on Performance
  • Browser Tools
  • YSlow
  • Chrome DevTools
  • Synthetic Testing
  • Real User Monitoring
  • Changes over Time
  • Chapter 7: Weighing Aesthetics and Performance
  • Finding the Balance
  • Make Performance Part of Your Workflow
  • Approach New Designs with a Performance Budget
  • Experiment on Designs with Performance in Mind
  • Chapter 8: Changing Culture at Your Organization
  • Performance Cops and Janitors
  • Upward Management
  • Impact on Business Metrics
  • Experiencing Site Speed
  • Working with Other Designers and Developers
  • Educating
  • Empowering
  • Index

Dateiformat: PDF
Kopierschutz: Adobe-DRM (Digital Rights Management)


Computer (Windows; MacOS X; Linux): Installieren Sie bereits vor dem Download die kostenlose Software Adobe Digital Editions (siehe E-Book Hilfe).

Tablet/Smartphone (Android; iOS): Installieren Sie bereits vor dem Download die kostenlose App Adobe Digital Editions (siehe E-Book Hilfe).

E-Book-Reader: Bookeen, Kobo, Pocketbook, Sony, Tolino u.v.a.m. (nicht Kindle)

Das Dateiformat PDF zeigt auf jeder Hardware eine Buchseite stets identisch an. Daher ist eine PDF auch für ein komplexes Layout geeignet, wie es bei Lehr- und Fachbüchern verwendet wird (Bilder, Tabellen, Spalten, Fußnoten). Bei kleinen Displays von E-Readern oder Smartphones sind PDF leider eher nervig, weil zu viel Scrollen notwendig ist. Mit Adobe-DRM wird hier ein "harter" Kopierschutz verwendet. Wenn die notwendigen Voraussetzungen nicht vorliegen, können Sie das E-Book leider nicht öffnen. Daher müssen Sie bereits vor dem Download Ihre Lese-Hardware vorbereiten.

Bitte beachten Sie bei der Verwendung der Lese-Software Adobe Digital Editions: wir empfehlen Ihnen unbedingt nach Installation der Lese-Software diese mit Ihrer persönlichen Adobe-ID zu autorisieren!

Weitere Informationen finden Sie in unserer E-Book Hilfe.

Download (sofort verfügbar)

25,89 €
inkl. 7% MwSt.
Download / Einzel-Lizenz
PDF mit Adobe-DRM
siehe Systemvoraussetzungen
E-Book bestellen