Sign In Start Free Trial

Book Overview & Buying
Table Of Contents
Feedback & Rating

Responsive Design High Performance

By : Els

3 (2)

Responsive Design High Performance

3 (2)

By: Els

Overview of this book

This book is ideal for developers who have experience in developing websites or possess minor knowledge of how responsive websites work. No experience of high-level website development or performance tweaking is required.

Preface

Preface

What is responsive design, anyway?

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Free Chapter

1. The Good, the Bad, and the Ugly of Responsive Web Design

1. 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

2. Tweaking Your Website for Performance

Resource placement on the DOM

Adjusting the sections

DNS prefetching

Too many DOM Elements

Summary

3. Managing Images

3. 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

4. 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

5. 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!

6. Testing, Testing, and Testing!

Beginning your testing adventure

Back to the responsive stuff

Summary

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

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

Design concepts

Summary

8. Using Tools for Performance

8. Using Tools for Performance

Planning

Developing

Managing code changes

Summary

A. Taking the Next Steps

A. Taking the Next Steps

An overview of what we've covered so far

A few references for further reading

Summary

Index

Index

Customer Reviews

3 (2)

5 star

0%

4 star

50%

3 star

0%

2 star

50%

1 star

0%

Chapter 1. The Good, the Bad, and the Ugly of Responsive Web Design

Responsive web design, often referred to as RWD, has brought many great things for web designers since its inception in 2004, although the term was only coined in 2007 by Ethan Marcotte. The technique of adapting the layout of a site was written by Cameron Adams in 2004.

Here is a breakdown of what we'll discuss in this chapter:

An overview of the good, the bad, and the ugly of responsive design
We will look at some examples in each case
Thereafter, we will take a look at the effects of each example, and how it affects end users and the business

Visually different images

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Responsive Design High Performance

Search

Your notes and bookmarks