Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Mobile Web Performance Optimization
  • Table Of Contents Toc
Mobile Web Performance Optimization

Mobile Web Performance Optimization

By : Niranga
close
close
Mobile Web Performance Optimization

Mobile Web Performance Optimization

By: 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 (9 chapters)
close
close
8
Index

How to use media queries


CSS media queries are an excellent way to deliver different content to different devices and screen sizes, giving the best user experience for each type of user. Media queries use media attributes to apply a CSS style to your website based on a device's properties, such as screen width, orientation, resolution, and more. So, when it comes to performance optimization, using media queries properly is essential.

A simple media query will look like the following:

<link href="css/mobile.css" rel="stylesheet" type="text/css" media="only screen and (max-width: 768px)" >

<link href="css/tab.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 769px) and (max-width: 1024px) " >

As mentioned in the example, we are using two style sheets for our website: mobile.css for mobile devices and tab.css for tablet devices.

So, if your screen size is less than 768 px, the device will load and use mobile.css, and if the screen size is between 769 px and 1...

Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Mobile Web Performance Optimization
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon