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 / S.S. Niranga.
Material type: TextSeries: Community experience distilledPublisher: Birmingham, UK : Packt Publishing, 2015Description: 1 online resource (1 volume) : illustrationsContent type:- text
- computer
- online resource
- 9781785284625
- 1785284622
- 1785289977
- 9781785289972
- 005.3 23
- QA76.76.A65
Online resource; title from cover (Safari, viewed January 18, 2016).
Includes index.
Annotation Deliver a better mobile user experience by improving and optimizing your website follow these practical steps for cutting-edge application developmentAbout This Book Optimize your website or application for an improved mobile performance Learn how to create lightweight, intuitive mobile UI and make sure it's supported by a robust application architecture Find out how to improve the performance of your applications by asking the right design questions at each stage in the development workflowWho This Book Is ForThis book has been created for web developers who want to optimize their website for today's mobile users. If you understand just how important user experience is, this book is for you it will help you throughout the entire optimization process. 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 pitfallsIn DetailWith 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. Style and approach This book takes a step-by-step approach to mobile web optimization, explaining the topics in a conversational and easy-to-follow style. Each topic includes detailed explanations of the basic and advanced features of mobile web optimization.
Cover ; Copyright; Credits; About the Author; About the Reviewer; www.PacktPub.com; Table of Contents; Preface; Chapter 1: Pillars of Mobile Web Performance Optimization; Chapter 2: Mobile Web Optimization Essentials; Chapter 3: How to Optimize Your Mobile Website; Chapter 4: Caching and Optimizing; Chapter 5: Monitoring and Debugging Our Website; Chapter 6: Managing Third-Party Components; Chapter 7: Tips and Tricks; Index; A brief history of mobile development; Three main pillars; Available browsers; Mobile OS; Summary; Mobile-only websites versus responsive websites; Image size matters.
Unnecessary contentsWhy design and UX are important; Summary; 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; 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; Profiling tools; A browser's DevTools performance; Performance tools in Firefox, Safari, and IE.
The Google Chrome emulatorGoogle PageSpeed Insights; YSlow; Summary; 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; 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; Battery; Speed; Bandwidth; Safari; Chrome.
Internet ExplorerFirefox; Opera mini; Apple iOS; Google Android; Microsoft Windows Phone 8; BlackBerry 10 OS; HTTP requests; Combined files; CSS sprites; Image maps; Remove duplicate scripts; Enable Gzip compression; Resize your images to correct image resolution; Reduce the file size; Image compression tools; Clean design; Duplicate content; Hardware acceleration and the Graphics Processing Unit; HTML5 form attributes and input types; Using web storage in place of cookies; Using CSS3 effects instead of requesting heavy images; Understanding CSS Filter Effects; CSS animations.
Font Awesome iconsIcoMoon icons; SASS and LESS; Minifying CSS; Cache-Control; Content prefetching; Make favicon icon small and cacheable; Bootstrap; Zurb Foundation; UIkit; Semantic-UI; Susy; jQuery; AngularJS; Ember; Aurelia; Knockout.js; GPU Overdraw Walkthrough; GPU Rendering Walkthrough; Remote debugging; Firefox Developer Tools; IE 11 Developer Tools; Safari Developer Toolbar; How a 3G wireless state machine works; How a 4G LTE wireless state machine works; Opening and closing connections; Tiny PNG; ImageOptim; Kraken; Border-radius for rounded corners.
eBooks on EBSCOhost EBSCO eBook Subscription Academic Collection - Worldwide