Mobile Web Performance Optimization

Deliver a better mobile user experience by improving and optimizing your website – follow these practical steps for cutting-edge application development

Mobile Web Performance Optimization

This ebook is included in a Mapt subscription
S. S. Niranga

1 customer reviews
Deliver a better mobile user experience by improving and optimizing your website – follow these practical steps for cutting-edge application development
$0.00
$12.00
$29.99
$29.99p/m after trial
RRP $23.99
RRP $29.99
Subscription
eBook
Print + eBook
Start 30 Day Trial
Subscribe and access every Packt eBook & Video.
 
  • 5,000+ eBooks & Videos
  • 50+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 
Code Files
Preview in Mapt

Book Details

ISBN 139781785289972
Paperback150 pages

Book Description

With users increasingly accessing the web on mobile devices, it’s crucial to make sure your website is built to seamlessly fit this radical change in user behavior. Mobile Web Performance Optimization is designed to help you do exactly that – it’s been created to help you build fast, and mobile-user-friendly websites and applications. Featuring guidance through a range of techniques and tools essential to modern mobile development, this accessible guide will make sure you’re delivering a seamless and intuitive experience for your website’s users.

Begin by exploring the fundamental components of mobile web design and website optimization, before learning how to put the concepts into practice. Featuring cross-platform solutions, insights on developing lightweight yet robust UI, and insights on how to successfully manage data, this application development book takes you through every stage in the development process – so you can be confident that you’re asking the right questions and using the best tools in the most effective way.

By the end, you’ll understand implicitly what it means to ‘build for performance’- you’ll be a more confident developer, capable of building projects that adapt to a changing world.

Table of Contents

Chapter 1: Pillars of Mobile Web Performance Optimization
A brief history of mobile development
Three main pillars
Available browsers
Mobile OS
Summary
Chapter 2: Mobile Web Optimization Essentials
Mobile-only websites versus responsive websites
Image size matters
Unnecessary contents
Why design and UX are important
Summary
Chapter 3: How to Optimize Your Mobile Website
Use of HTML5 and CSS3
CSS animation versus JavaScript
Iconic fonts
How to use media queries
Displaying none in CSS
Video and images via media queries
CSS preprocessors
Minifying CSS and JavaScript
Summary
Chapter 4: Caching and Optimizing
Caching
File order of external style sheets and scripts
Empty source and link attributes
CSS and JavaScript frameworks
How to optimize JavaScript
Load only what is needed
Reduce the number of DOM elements
Summary
Chapter 5: Monitoring and Debugging Our Website
Profiling tools
A browser's DevTools performance
Performance tools in Firefox, Safari, and IE
The Google Chrome emulator
Google PageSpeed Insights
YSlow
Summary
Chapter 6: Managing Third-Party Components
Eliminating 404 errors and missing assets
HTTP 300, 400, and 500 codes
Content Delivery Network
Third-party plugins
Opening connection
Closing connection
Offloading to Wi-Fi
Screen rotations
Flash files
Summary
Chapter 7: Tips and Tricks
Built for performance
When to optimize
Invest for performance
Design tools
Performing actions optimistically
Move bits when no one is watching
Less work for the end user
New Relic
We can't predict the future, nevertheless embrace it
Summary

What You Will Learn

  • Learn the three pillars of mobile performance
  • Find out how to ask – and answer – crucial design questions such as ‘mobile or responsive?’
  • Learn how to minify CSS and JavaScript for improved performance
  • Monitor and debug your website with the leading browser testing tools
  • Explore the impact of caching on performance – and improve it using JavaScript and CSS frameworks
  • Make third-party plugins your friend – avoid common issues and pitfalls

Authors

Table of Contents

Chapter 1: Pillars of Mobile Web Performance Optimization
A brief history of mobile development
Three main pillars
Available browsers
Mobile OS
Summary
Chapter 2: Mobile Web Optimization Essentials
Mobile-only websites versus responsive websites
Image size matters
Unnecessary contents
Why design and UX are important
Summary
Chapter 3: How to Optimize Your Mobile Website
Use of HTML5 and CSS3
CSS animation versus JavaScript
Iconic fonts
How to use media queries
Displaying none in CSS
Video and images via media queries
CSS preprocessors
Minifying CSS and JavaScript
Summary
Chapter 4: Caching and Optimizing
Caching
File order of external style sheets and scripts
Empty source and link attributes
CSS and JavaScript frameworks
How to optimize JavaScript
Load only what is needed
Reduce the number of DOM elements
Summary
Chapter 5: Monitoring and Debugging Our Website
Profiling tools
A browser's DevTools performance
Performance tools in Firefox, Safari, and IE
The Google Chrome emulator
Google PageSpeed Insights
YSlow
Summary
Chapter 6: Managing Third-Party Components
Eliminating 404 errors and missing assets
HTTP 300, 400, and 500 codes
Content Delivery Network
Third-party plugins
Opening connection
Closing connection
Offloading to Wi-Fi
Screen rotations
Flash files
Summary
Chapter 7: Tips and Tricks
Built for performance
When to optimize
Invest for performance
Design tools
Performing actions optimistically
Move bits when no one is watching
Less work for the end user
New Relic
We can't predict the future, nevertheless embrace it
Summary

Book Details

ISBN 139781785289972
Paperback150 pages
Read More
From 1 reviews

Read More Reviews