mWeb UX - Mobile Website User Experience

It is important to look and feel how the website performs when connectivity is extremely bad. While designing or building mobile website, think about poor and unreliable network as key performance differentiator. Your service or website can be damn good, but if due to such network limitation it kills customer experience (for e.g. transactions are failing),  it just adds into bad remark on your part. So better to be ready building website which performs well even with such barriers. There are several tools available which can help you to emulate and simulate low bandwidth & high latency. #1: Emulate Network Throttling Chrome DevTools provide variety of options to test with different download/upload and round-trip time. Refer to previous blog on how to use "DevTools". #2: System Tools (macOS)  Network Link Conditioner on macOS when you are using Xcode for development. #3: Device Emulation Android Emulators provide way to simulate ...

Note: This blog is keeping current Chrome Version (57) in mind. Options may change upon Chrome version upgrades. Below are the four simple steps to be followed or performed before publishing Mobile Site (mWeb/mHTML). These steps will ensure that all basic checks have been performed to evaluate site performance under network throttle or site performance under low network speeds. Irrespective of, you are getting reports for slow response or you are doing "Performance Testing", I believe these are the steps to be followed by developers before committing code into the repository or before publishing website to the world. STEP1: Setup Browser for Analysis 1. Open Page you are designing or open page which is getting reports for slow response time. While the page is in focus, press Command + Options + I (if using mac machine) or press Control + Shift + I (windows/linux) This will open DevTools on the page within browser (DevTools are the m...