Book Image

Mobile Web Performance Optimization

By : S. S. Niranga
Book Image

Mobile Web Performance Optimization

By: S. S. Niranga

Overview of this book

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 (14 chapters)
Mobile Web Performance Optimization
Credits
About the Author
About the Reviewer
www.PacktPub.com
Preface
Index

YSlow


YSlow is a tool developed by Yahoo! and it examines all the components of your page's performance and offers suggestions for improvements. YSlow is integrated into the Firebug web development tool for Firefox, and for Chrome you can download their extension.

The Yahoo! team has identified 34 rules that affect a web page's performance and YSlow is based on 23 of these 34 rules. Studies have shown that if a developer can improve the following 23 rules, they can enhance web performance from up to 25 to 50 percent.

  • Minimize HTTP requests

  • Use a CDN

  • Avoid an empty src or href

  • Add expires or a Cache-Control Header

  • Gzip components

  • Put style sheets at the top

  • Put scripts at the bottom

  • Avoid CSS expressions

  • Make JavaScript and CSS external

  • Reduce DNS lookups

  • Minify JavaScript and CSS

  • Avoid redirects

  • Remove duplicate scripts

  • Configure ETags

  • Make AJAX cacheable

  • Use GET for AJAX requests

  • Reduce the number of DOM elements

  • Ensure no 404s

  • Reduce cookie size

  • Use cookie-free domains for components

  • Avoid filters

  • Do not scale...