Tips On Improving Your Mobile Web Performance
Keeping in mind those trips between browser and website
, think of it like this: packing for your main website is like packing a steamer trunk for a cruise. Theres lots of room for everything, including some luxuries and extras, and you dont have to worry how heavy it may be. Packing for mobile is like backpacking. You need all the essential equipment, but everything has to be smaller, some items do double duty, nothing extra is allowed, and everything has to fit nicely together.
The good news is that on the mobile Web, user expectations of content are likely more modest. They are typically more focused on a task finding an address, getting a price, seeing a product, buying a single item rather than the more leisurely browsing or immersive experience they might be looking for on a desktop or laptop. So from the start, mobile content can be pared down without compromising likely use cases, so you can already be ahead of the game simply by selectively choosing content for mobile.
Even with carefully selected content, how that content and the page itself are structured makes all the difference in response time and hence, user satisfaction. Every page has to be lean and fit. Here are a number of fundamental guidelines to make sure every page on your mobile site is performing its best:
Make sure everything on the page is essential. Minimize the overall number of page objects scrutinize every image, every piece of JavaScript, CSS, tracking tokens, etc. Eliminate, combine, or compress wherever possible.
Mind your images. Remember, users are looking at your site on a screen thats the size of a playing card. Smaller, lower-resolution images are perfectly acceptable. It may be more work to re-do images for mobile, but every byte, every millisecond counts.
Replace image buttons with HTML. Why make a roundtrip to download an image button, when an HTML-embedded text link will do in most cases? For those buttons that absolutely must be on brand, see the next step.
Spritz up your speed with sprites. If you have multiple images on a page, seriously consider using CSS sprites to combine them. A sprite groups multiple images into one master image file, which is downloaded with just one request; the browser than divvys the images up and places them where they belong on the page. So instead of four, five or more roundtrips to retrieve individual images with painful latency in each trip one trip gets the job done. Again, its a bit more work, but the savings in loading time can be huge.
Be a true believer in mass transit. Dont stop at just combining images. Group or combine multiple JavaScript or CSS objects into one as well.
Make your HTML work harder. Images, CSS, JavaScript a number of page components can be embedded right into the HTML, essentially riding piggyback and further reducing the number of roundtrips through the network.
Count on your cache. Some objects are going to be used every time the page or site loads a logo, for example. If you can make them cacheable, youll save the download time. Some redirects, such as the basic redirect to the m version of the site, can be cached as well.
by: Chris samuels
The Way To Conceive Quick Following A Miscarriage How To Choose A Web Design Company Important Factors Of A Good Web Design Types Of Web Hosting Services Increased Communication With The Help Of Smo Services In Zoom Web Media A Transitory Scrutiny Of Web Development Services The Three Best Web Hosting Companies If You Wish To Make More Money On The Web - Here Are A Couple Of Suggestions Windmill Kits - Single Largest Miscalculation The Majority Of People Make Many Methods To Obtain Un-paid Web Traffic Discount Web Style Why Should You Choose Web Design Service From Malta? Find The Best Web Design Gold Coast Company With A Few Useful Tips