5. The Fastest HTTP Request is No HTTP Request | Responsive Design High Performance

Sign In Start Free Trial

Book Overview & Buying
Table Of Contents

Responsive Design High Performance

By : Dewald Els

3 (2)

Responsive Design High Performance

3 (2)

By: Dewald 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

Expires headers

Let's say you have a website and it loads 50 resources. How terrible would it be if, every time a user returns to the website, all 50 resources had to redownload every time. That's not ideal. Fortunately, we have the ability to cache resources.

For static content, such as JavaScript files, favicons, and other content that will not change very often, it's safe to set a long expiry. This way, when the website is accessed, these items will be in cache, and this will automatically make the website faster for your users.

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