Book Image

Responsive Design High Performance

By : Dewald C Els, Dewald Els
Book Image

Responsive Design High Performance

By: Dewald C Els, Dewald Els

Overview of this book

Related Content you might be interested in

No titles found
Table of Contents (16 chapters)
Responsive Design High Performance
Responsive Design High Performance
Credits
Credits
About the Author
About the Author
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
The Good, the Bad, and the Ugly of Responsive Web Design
The Good, the Bad, and the Ugly of Responsive Web Design
The good – appearance and management
The bad – slow load times and unresponsive interactions
The ugly – the effects of slow performance
Summary
2
Tweaking Your Website for Performance
Tweaking Your Website for Performance
Resource placement on the DOM
Adjusting the sections
DNS prefetching
Too many DOM Elements
Summary
3
Managing Images
Managing Images
Choosing the correct image format
Optimizing images
Conditional loading
One-to-many DOM elements
Specifying sizes and media queries and introducing sprite sheets
Caching
Scaling
Retina displays
Summary
4
Learning Content Management
Learning Content Management
Style sheets, media queries, and viewports
Sassy CSS, SASS, and LESS
Background images and media queries
Using JavaScript to ease the load
Conditional content management
The server side with PHP
Parallel downloads
Content Delivery Networks
Fonts
Summary
5
The Fastest HTTP Request is No HTTP Request
The Fastest HTTP Request is No HTTP Request
Reducing the number of requests
Combining files
Server-side optimization with Apache
Compression
ETags
Expires headers
File concatenation
AppCache
Summary
6
Testing, Testing, and Testing!
Testing, Testing, and Testing!
Beginning your testing adventure
Back to the responsive stuff
Summary
7
Speeding Up Development with Design Concepts, Patterns, and Programs
Speeding Up Development with Design Concepts, Patterns, and Programs
Design concepts
Summary
8
Using Tools for Performance
Using Tools for Performance
Planning
Developing
Managing code changes
Summary
Taking the Next Steps
Taking the Next Steps
An overview of what we've covered so far
A few references for further reading
Summary
Index
Index

Chapter 7. Speeding Up Development with Design Concepts, Patterns, and Programs

You're still here! This chapter will talk about design concepts such as mobile first, will give you better understanding of object-oriented CSS (OOCSS), and will touch on some patterns that you can use to make yourself more productive and improve your site's overall maintainability and performance.

Previous Section
End of Section 1
Next Section