High Performance Mobile Web. Best Practices for Optimizing Mobile Web Apps - Helion
ebook
Autor: Maximiliano FirtmanISBN: 978-14-919-1366-6
stron: 326, Format: ebook
Data wydania: 2016-09-13
Księgarnia: Helion
Cena książki: 126,65 zł (poprzednio: 147,27 zł)
Oszczędzasz: 14% (-20,62 zł)
Optimize the performance of your mobile websites and webapps to the extreme. With this hands-on book, veteran mobile and web developer Maximiliano Firtman demonstrates which aspects of your site or app slow down the user’s experience, and what you can do to achieve lightning-fast performance. There’s much at stake: if you want to boost your app’s conversion rate, then tackling performance issues is the best way to start.
Learn tools and techniques for working with responsive web design, images, the network layer, and many other ingredients—plus the metrics to check your progress. Ideal for web developers and web designers with HTML, CSS, JavaScript, and HTTP experience, this is your guide to superior mobile web performance.
You’ll dive into:
- Emulators, simulators, and other tools for measuring performance
- Basic web performance concepts, including metrics, charts, and goals
- How to get real data from mobile browsers on your real networks
- APIs and specs for measuring, tracking and improving web performance
- Insights and tricks for optimizing the first view experience
- Ways to optimize post-loading experiences and future visits
- Responsive web design and its performance challenges
- Tips for extreme performance to achieve best conversion rates
- How to work with web views inside native apps
Osoby które kupowały "High Performance Mobile Web. Best Practices for Optimizing Mobile Web Apps", wybierały także:
- Windows Media Center. Domowe centrum rozrywki 66,67 zł, (8,00 zł -88%)
- Ruby on Rails. Ćwiczenia 18,75 zł, (3,00 zł -84%)
- DevOps w praktyce. Kurs video. Jenkins, Ansible, Terraform i Docker 190,00 zł, (39,90 zł -79%)
- Przywództwo w świecie VUCA. Jak być skutecznym liderem w niepewnym środowisku 58,64 zł, (12,90 zł -78%)
- Scrum. O zwinnym zarządzaniu projektami. Wydanie II rozszerzone 58,64 zł, (12,90 zł -78%)
Spis treści
High Performance Mobile Web. Best Practices for Optimizing Mobile Web Apps eBook -- spis treści
- Preface
- Who Should Read This Book
- A Word on Mobile Web Today
- Navigating This Book
- Online Resources
- Conventions Used in This Book
- Safari Books Online
- How to Contact Us
- Acknowledgments
- 1. The Mobile Web World
- Form Factors
- Mobile Hardware
- Mobile Networks
- Distribution
- Bandwidth
- Latency
- Radio state
- Mobile Operating Systems
- Engines
- Rendering Engines
- Execution Engines
- Web Platforms
- Web Apps
- iOS Home Screen Web Apps
- Chrome Home Screen Web Apps
- Progressive Web Apps
- Summary of Web Apps
- Web Views
- Native Web Apps
- In-App Browsers
- Pseudo-Browsers
- The Web View on iOS
- The Web View on Android
- The Web View on Windows
- Summary of Web Views
- Web Browsers
- Stats
- Cloud Versus Direct Browsers
- Stock Browsers
- iOS Browsers
- Android Browsers
- Windows Browsers
- The Mobile Web Is Not Just a Narrow Viewport
- 2. Where to Measure Performance
- Simulators and Emulators
- Android
- Android Browser
- Google Chrome
- Samsung Browser
- Amazon Silk, LG, and other custom browsers
- Safari on iOS
- Internet Explorer
- Microsoft Edge
- Android
- Real Devices
- Open Device Lab
- Cloud-Based Services
- Samsung Remote Test Lab
- Keynote Mobile Testing
- Perfecto Mobile
- AppThwack
- AWS Device Farm
- Network Connection
- Desktop Simulators
- On-Device Connection Simulators
- Selecting Where to Measure Is Important
- Simulators and Emulators
- 3. Web Performance Basics
- Loading Measurement Basics
- The Waterfall Chart
- Resource timing
- Background colors
- Advanced resource timing
- The critical path
- The first row
- Milestones
- Filmstrip
- The HAR Format
- Versions
- Export tools
- Analysis tools
- Speed Index
- What to Measure
- Custom Metrics
- The RAIL Approach
- The Waterfall Chart
- Responsiveness Measurement Basics
- Frames per Second
- Profiling Charts
- CPU Profiling
- Memory Profiling
- Mixed Profiling
- You Cant Improve Something If You Dont Measure It
- Loading Measurement Basics
- 4. Measurement Tools
- Remote Inspectors
- Safari on iOS
- Timelines
- Network tab
- Chrome for Android
- Screencasting
- Rendering settings
- The Network tab
- The Timeline tab
- The Profiles tab
- The Audits tab
- Internet Explorer and Edge
- Vorlon.js
- Safari on iOS
- Proxies
- Setting Up on Android
- Setting Up on iOS
- Charles Web Debugging Proxy
- Fiddler
- On-Device Tools
- Online Tools
- WebPagetest
- PageSpeed Insights
- Monitoring Services
- The Tools You Need
- Remote Inspectors
- 5. Performance APIs
- Measurement APIs
- Navigation Timing
- Timings
- Timing.js
- Navigation metadata
- High Resolution Time
- Resource Timing
- Navigation Timing
- Network APIs
- Network Status Events
- Network Information
- Old specification
- W3C first spec
- W3C latest spec
- Beacon
- HTTP Client Hints
- UI APIs
- Page Visibility
- requestAnimationFrame
- requestIdleCallback
- User Timing
- Future APIs
- Frame Timing
- Script Timing API
- Performance Timeline
- Efficient Script Yielding
- Using Specs and APIs in Your Favor
- Measurement APIs
- 6. Optimizing for the First Visit
- The HTTP Side
- HTTP Version
- Testing version support
- Configuring HTTP/1.1
- Adding support for HTTP/2
- Compression
- Brotli compression algorithm
- SDCH compression algorithm
- Files to compress
- Enabling compression
- Redirections
- The real example
- Doing too much harm
- HSTS: Opt-in for HTTPS
- App (Spam) Banner
- Promoting your app smartly
- iOS Smart App Banner
- Windows Store apps
- Android solutions
- App Links
- HTTP Version
- Reducing Requests
- Domain Sharding
- Cookieless Domains
- Freeing Up Our Server
- HTML
- Semantic Web
- Flush the HTML Early
- DNS Prefetching
- HTML Compression
- CSS
- Internal Versus External
- Only One External File
- Loading External CSS
- Nonblocking CSS
- Link in body pattern
- Minifying
- Web Fonts
- Selecting web fonts
- Web font CDNs
- Loading web fonts
- JavaScript
- Internal Versus External
- Minifying
- Loading External JavaScript
- defer attribute
- async attribute
- default Versus async Versus defer
- Script loaders
- Using well-known frameworks
- Only One External File
- Load Events
- Images
- Responsive Images
- Media queries
- srcset
- picture
- JS-based solutions
- Server-side libraries for resizing images
- Image resizing in the cloud
- Inline Images
- Some examples
- Performance impact
- Image Files
- New optimized formats
- Goodbye, Animated GIF
- Hero Images
- CSS Spriting
- Responsive Images
- Dont Forget the Server
- Optimizing Using Best Practices
- The HTTP Side
- 7. Optimizing After First Load
- The Cache: Your New Friend
- Cache Policy
- Expiration Headers
- Expires header
- Cache-Control
- Setting up servers
- ETag Header
- The Vary Specification
- Custom Client Cache
- Client-Side
- Server-Side
- Prefetching
- Deciding What to Prefetch
- Using context
- Collective data versus users history
- When to Start a Prefetch
- How to Prefetch
- Browser prefetching
- Resource Hints
- Prefetching from the server
- Custom prefetching
- Deciding What to Prefetch
- The Offline Experience
- Application Cache
- The Manifest File
- Accessing Online Resources
- Fallbacks
- Updating the Package
- The JavaScript API
- Cache Events
- Compatibility and Limits
- Debugging the Application Cache
- Service Workers
- Installing the Service Worker
- Caching Files
- Serving Files
- Fetching and Caching
- The Cache Storage Interface
- Updating Cache
- Updating a Service Worker
- Debugging Service Workers
- Background Sync
- Background Periodic Sync
- Future Visits Are an Opportunity
- The Cache: Your New Friend
- 8. Optimizing Responsiveness and the PostLoading Experience
- Immediate Feedback
- Touch Delay
- JavaScript Tasks
- Defer code
- Debouncing and throttling
- Good-bye DOM, hello Canvas
- Passive event listeners
- Web workers
- Frame Rate
- Scrolling Experience
- Momentum-based scrolling areas
- Avoid Large JavaScript Code
- Avoid Repainting
- CSS Containment
- Scrolling Experience
- Network Communication
- Fetch API
- Server-Sent Events
- Server side
- WebSockets
- Server side
- Socket.IO
- The Post-Loading Experience Is Also Important
- Immediate Feedback
- 9. Responsive Web Design
- The Problem
- Responsive web design on cellular networks
- One HTML for all
- Loading resources
- The Real Problem: Responsive Design as a Goal
- Responsiveness Versus Users
- Alternatives
- The Solution: Responsive and Fast
- Conditional Loading
- Responsive from Big to Small
- Responsiveness by Group
- More Complex Scenarios
- iOS and Android Split Modes
- Windows 10 Continuum
- Responsive as a Strategy
- Does RWD Matter from a Users Point of View?
- The Problem
- 10. Extreme Mobile Web Performance
- Mobile Web Alternatives
- The Lucky Numbers
- 14 KB
- The ATF Pattern
- Mobile Viewport
- Critical CSS Extraction Tools
- Lazy Loading
- Images
- Extreme Responsive Images
- Nonblocking Image Decoding
- Low-Resolution Images
- JavaScript Only as Dessert
- Avoid Big Frameworks
- Avoid Client-Side Rendering
- SD/HD Pattern
- The PRPL Pattern
- The (Near?) Future
- Web Streams
- WebAssembly
- AMP
- Benefits
- Controversy
- Discovery of AMP Pages
- AMP-HTML Template
- Requirements
- Custom Components
- Validation and Debugging
- Facebook Instant Articles
- The Technical Side
- The Distribution Side
- The Extreme Side Will Reward You
- 11. The Native Side of the Web
- Web Views on iOS
- Goodbye UIWebView
- Rendering as an App
- Web Views on Android
- Basic Setup
- Amazon WebView
- Crosswalk
- Bigger APKs
- What Doesnt Work on Embedded Content
- In-App Browsing
- Custom Tabs on Android
- Warming up the browser
- Samsung Custom Tabs
- Safari View Controller
- Custom Tabs on Android
- The Same But Different
- Web Views on iOS
- 12. Mobile Web Performance Checklist
- Basic Data
- Network Checklist
- Basic Optimizations
- Extreme Optimizations
- Measuring Improvement
- Youve Selected the Red Pill
- Index