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%

Too many DOM Elements

Another big problem with responsive design is hiding and revealing elements based on the current viewport resolution.

Often, the display: none CSS attribute is used to hide the element. It has the effect that you'd expect—it hides the element from the DOM. Being hidden doesn't mean that it's not being rendered in the background.

Hiding an image, for instance, will still make an HTTP request, adding to the load time of your website. Ways to work around this will be discussed in more detail in the next chapter.

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