4. Learning Content Management | Responsive Design High Performance

Sign In Start Free Trial

Book Overview & Buying
Table Of Contents

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

The server side with PHP

To load or not to load? Using a server-side language such as PHP has some wonderful benefits. The rendered content is already optimized and does not require JavaScript to remove unwanted elements, as it was not rendered earlier. In most cases, you are likely to use PHP only when connecting to a database to retrieve data or create new data. Another possible reason to use PHP is for sending an e-mail when posting a contact form, for example.

This section goes by the assumption that you have experience using PHP and have also connected to a database before, as this will not guide you through the steps to do so.

"If this then that; else, something else!" This is one of my favorite statements. When you use a framework such as CodeIgniter, this part becomes even more flexible.

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