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 6. Testing, Testing, and Testing!

From the heading of this chapter, I believe you've understood that we'll be talking about testing—lots of it. One of the most important, and often overlooked, parts of your work is testing. If you work on a project and, halfway through, realize that you have implemented something incorrectly, it could turn out to be catastrophic if you have to change the way it works.

The golden rule I follow is to use an agile method for projects and testing.

If any new feature, no matter how small, is added, I test everything to make sure I didn't override or break something else.

Giving a product that isn't functioning as it should to a client is a terrible thing to do. You need to ensure that you have tested it as much as possible.

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