Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Mobile Web Performance Optimization

You're reading from   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

Arrow left icon
Product type Paperback
Published in Dec 2015
Publisher
ISBN-13 9781785289972
Length 150 pages
Edition 1st Edition
Arrow right icon
Author (1):
Arrow left icon
S. S. Niranga S. S. Niranga
Author Profile Icon S. S. Niranga
S. S. Niranga
Arrow right icon
View More author details
Toc

Table of Contents (9) Chapters Close

Preface 1. Pillars of Mobile Web Performance Optimization 2. Mobile Web Optimization Essentials FREE CHAPTER 3. How to Optimize Your Mobile Website 4. Caching and Optimizing 5. Monitoring and Debugging Our Website 6. Managing Third-Party Components 7. Tips and Tricks Index

A browser's DevTools performance

In the Google Chrome web browser, Developer Tools (press F12 or Ctrl + Shift + I to open the DevTool) provides an overview report about your web application's loading time, such as how long the browser has taken to process DOM events, paint elements to the screen, or render the page layout. It allows you to go deep into your application's events, frames, and actual memory usage, and it will help you to identify the root causes of your application's slowness.

Right now, we are going to have a look at the frame mode, which allows you to see how the browser performs when generating a single frame. By default, the timeline won't show any data, and you can record a session with the tool by opening your application and clicking on the record button (the grey circle) on the screen. You can use the Command/Ctrl + E shortcut as well.

A browser's DevTools performance

When you click the record button, it will turn to red and will start to capture the timeline of your page. Complete...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime
Banner background image