
Mobile Web Performance Optimization
Beschreibung
Alles über E-Books | Antworten auf Fragen rund um E-Books, Kopierschutz und Dateiformate finden Sie in unserem Info- & Hilfebereich.
- 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 workflow
Book DescriptionWith 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.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
Who 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.
Alle Preise
Weitere Details
Weitere Ausgaben
Andere Ausgaben

Person
S. S. Niranga is a senior tech lead at Netstarter Pvt Ltd, and he has more than 9 years of experience as a software engineer and a web developer. During this period, he has built more than 300 websites including numerous e-commerce websites, such as JAX Tyres, ActiveSkin, Athlete foots, JVC, Pegasus, and the world's first Magento 2 website, Venroy. Also, he is an active developer on Upwork as well. Niranga is a certified Magento frontend developer, a Microsoft technical specialist, and a scrum master. Currently, he is pursuing a master's degree in IT at the Sri Lanka Institute of Information Technology. Niranga has done a few Tech Talk sessions regarding web optimization and e-commerce. This is his first effort as an author.
Inhalt
- Cover
- Copyright
- Credits
- About the Author
- About the Reviewer
- www.PacktPub.com
- Table of Contents
- Preface
- Chapter 1: Pillars of Mobile Web Performance Optimization
- A brief history of mobile development
- Three main pillars
- Battery
- How a 3G wireless state machine works
- How a 4G LTE wireless state machine works
- Opening and closing connections
- Speed
- Bandwidth
- Available browsers
- Safari
- Chrome
- Internet Explorer
- Firefox
- Opera mini
- Mobile OS
- Apple iOS
- Google Android
- Microsoft Windows Phone 8
- BlackBerry 10 OS
- Summary
- Chapter 2: Mobile Web Optimization Essentials
- Mobile-only websites versus responsive websites
- HTTP requests
- Combined files
- CSS sprites
- Image maps
- Remove duplicate scripts
- Enable Gzip compression
- Image size matters
- Resize your images to correct image resolution
- Reduce the file size
- Image compression tools
- Tiny PNG
- ImageOptim
- Kraken
- Unnecessary contents
- Clean design
- Duplicate content
- Why design and UX are important
- Summary
- Chapter 3: How to Optimize Your Mobile Website
- Use of HTML5 and CSS3
- 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
- Border-radius for rounded corners
- Box-shadow for drop shadows and glow
- Linear and radial gradients
- Transform properties for rotation
- Understanding CSS Filter Effects
- CSS animation versus JavaScript
- CSS animations
- Iconic fonts
- Font Awesome icons
- IcoMoon icons
- How to use media queries
- Displaying none in CSS
- Video and images via media queries
- CSS preprocessors
- SASS and LESS
- Variables
- Partials
- Mixins
- Minifying CSS and JavaScript
- Minifying CSS
- Minifying JavaScript
- Summary
- Chapter 4: Caching and Optimizing
- Caching
- Cache-Control
- Content prefetching
- Make favicon icon small and cacheable
- File order of external style sheets and scripts
- Empty source and link attributes
- CSS and JavaScript frameworks
- Bootstrap
- Zurb Foundation
- UIkit
- Semantic-UI
- Susy
- jQuery
- AngularJS
- Ember
- Aurelia
- Knockout.js
- 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
- GPU Overdraw Walkthrough
- GPU Rendering Walkthrough
- A browser's DevTools performance
- Remote debugging
- Performance tools in Firefox, Safari, and IE
- Firefox Developer Tools
- IE 11 Developer Tools
- Safari Developer Toolbar
- 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
- Index
Systemvoraussetzungen
Dateiformat: ePUB
Kopierschutz: Adobe-DRM (Digital Rights Management)
Systemvoraussetzungen:
- Computer (Windows; MacOS X; Linux): Installieren Sie bereits vor dem Download die kostenlose Software Adobe Digital Editions (siehe E-Book Hilfe).
- Tablet/Smartphone (Android; iOS): Installieren Sie bereits vor dem Download die kostenlose App Adobe Digital Editions oder die App PocketBook (siehe E-Book Hilfe).
- E-Book-Reader: Bookeen, Kobo, Pocketbook, Sony, Tolino u.v.a.m. (nicht Kindle)
Das Dateiformat ePUB ist sehr gut für Romane und Sachbücher geeignet – also für „fließenden” Text ohne komplexes Layout. Bei E-Readern oder Smartphones passt sich der Zeilen- und Seitenumbruch automatisch den kleinen Displays an.
Mit Adobe-DRM wird hier ein „harter” Kopierschutz verwendet. Wenn die notwendigen Voraussetzungen nicht vorliegen, können Sie das E-Book leider nicht öffnen. Daher müssen Sie bereits vor dem Download Ihre Lese-Hardware vorbereiten.
Bitte beachten Sie: Wir empfehlen Ihnen unbedingt nach Installation der Lese-Software diese mit Ihrer persönlichen Adobe-ID zu autorisieren!
Weitere Informationen finden Sie in unserer E-Book Hilfe.
Dateiformat: PDF
Kopierschutz: Adobe-DRM (Digital Rights Management)
Systemvoraussetzungen:
- Computer (Windows; MacOS X; Linux): Installieren Sie bereits vor dem Download die kostenlose Software Adobe Digital Editions (siehe E-Book Hilfe).
- Tablet/Smartphone (Android; iOS): Installieren Sie bereits vor dem Download die kostenlose App Adobe Digital Editions oder die App PocketBook (siehe E-Book Hilfe).
- E-Book-Reader: Bookeen, Kobo, Pocketbook, Sony, Tolino u.v.a.m. (nicht Kindle)
Das Dateiformat PDF zeigt auf jeder Hardware eine Buchseite stets identisch an. Daher ist eine PDF auch für ein komplexes Layout geeignet, wie es bei Lehr- und Fachbüchern verwendet wird (Bilder, Tabellen, Spalten, Fußnoten). Bei kleinen Displays von E-Readern oder Smartphones sind PDF leider eher nervig, weil zu viel Scrollen notwendig ist.
Mit Adobe-DRM wird hier ein „harter” Kopierschutz verwendet. Wenn die notwendigen Voraussetzungen nicht vorliegen, können Sie das E-Book leider nicht öffnen. Daher müssen Sie bereits vor dem Download Ihre Lese-Hardware vorbereiten.
Bitte beachten Sie: Wir empfehlen Ihnen unbedingt nach Installation der Lese-Software diese mit Ihrer persönlichen Adobe-ID zu autorisieren!
Weitere Informationen finden Sie in unserer E-Book Hilfe.