High Performance Responsive Design. Building Faster Sites Across Devices - Helion

ebook

Autor: Tom Barker
ISBN: 978-14-919-4994-8
stron: 176, Format: ebook
Data wydania: 2014-11-07
Księgarnia: Helion

Cena książki: 139,00 zł

Osoby, które kupiły tę książkę, wybierały także »

Tagi: Technologie webowe

Yes, you can use responsive web design to create high performance, compelling websites. With this practical book, author Tom Barker demonstrates that responsive design is not just a frontend-only approach, but also a philosophy for taking advantage of the entire web stack. Responsive design patterns and anti-patterns, derived from heavily used real-world sites, are guiding principles throughout the book.

Ideal for frontend-focused web developers, this book shows you how to incorporate responsiveness and performance into your project plan, use Node.js for device-specific functionality on the backend, and write automated tests for a continuous integration environment. You’ll explore many useful tools and responsive frameworks, and gain useful insights from Barker’s own experience with responsive design along the way.

Get a primer on web performance concepts, web runtime performance, and performance tracking tools
Write functionality with Node.js that serves up a device-specific experience to the client
Explore client-side solutions, such as lazy loading entire sections of a page—including images, styling, and content
Validate service level agreements (SLAs) by writing automated tests with PhantomJS
Examine several responsive frameworks, including the author’s server-side framework, Ripple

Osoby które kupowały "High Performance Responsive Design. Building Faster Sites Across Devices", wybierały także:

Mastering MEAN Stack 88,72 zł, (67,43 zł -24%)
Psychology of UX Design 88,72 zł, (67,43 zł -24%)
Time Is Money. The Business Value of Web Performance 74,99 zł, (63,74 zł -15%)
SVG Text Layout. Words as Art 94,98 zł, (80,73 zł -15%)
Discussing Design. Improving Communication and Collaboration through Critique 94,98 zł, (80,73 zł -15%)

Spis treści

High Performance Responsive Design. Building Faster Sites Across Devices eBook -- spis treści

High Performance Responsive Design: Building Faster Sites Across Devices
Preface
- Intended Audience
- Chapter Descriptions
- Notes
- Acknowledgments
1. State of the Industry of Responsive Design
- The Problem with Responsive Design
  - Observations from Competitive Analysis
    - Anti-patterns
      - Load the same content for all devices
      - Load additional assets
      - Load images at twice the size
    - Patterns
      - Load device-appropriate assets
      - Serve a dedicated experience from the backend
      - Lazy load dedicated experience from the frontend
  - How Did We Not Notice This?
  - How Did We Get Here?
  - Why Not Use an MDot?
    - Resource overhead
    - Segmented source code
    - Segmented URL
    - Pointless redirects
  - This Matters Because of Scale
- Summary
2. Primer on Performance of Web Applications
- The Basics of Measuring Performance
  - What is Web Performance?
    - Number of HTTP requests
    - Page payload
    - Page load time
- Tools to Track Web Performance
- Web Runtime Performance
  - Frames per Second
    - Monitoring FPS in Google Chrome
      - Frames mode
  - Memory Profiling
    - The MemoryInfo Object
    - The Timeline tool
- Summary
3. Start with a Plan
- A Journey Down the Slippery Slope
- Project Plans
  - Assessing and Summarizing the Overall Task
    - Establishing rough milestones and timelines
    - Determining a performance service-level agreement
  - Crafting Rough Milestones and Timelines
  - List Dependencies and Risks
    - Crafting timelines
  - KPIs That Measure Success
  - Keep to Your Performance SLA
- Summary
4. The Backend
- The Web Stack
  - The Network Stack
  - The Application Layer
    - The HTTP Request
    - The HTTP Response
  - Charles
- Web Application Stack
- Responding on the Server Side
  - Inspecting the User Agent
  - Device Detection Services
    - The Wurfl
    - Sample Code
- Implications of Cache
- Edge Side Includes
- Summary
5. The Frontend
- Working with Images
  - The srcset attribute
    - Device Pixel Ratio
  - The Picture Element
- Lazy Loading
  - Device Detection Libraries
- Summary
6. Continuous Web Performance Testing
- Maintaining a Steady Course
- Automating Responsive Web Performance Testing
  - Automated Headless Browser Testing
    - Evaluate experiential resource loading
    - Validate web performance
- Continuous Integration
  - An Example PhantomJS Script
  - Jenkins
- Summary
7. Frameworks
- Looking at the State of Responsive Frameworks
- Twitter Bootstrap
  - Evaluation
- ZURB Foundation
- Skeleton
  - Evaluation
- Semantic UI
  - Evaluation
- A Comparison of Frontend Frameworks
- Ripple
- Summary
A. About the Author
B. High Performance Responsive Design
Index
About the Author
Copyright