- Part One Chapter 03 – Mobile Website Speed Optimization Techniques
- Causes of Slow Loading Mobile Websites
- Techniques to Improve Loading Speed
- Summary: Causes vs. Techniques
- Google Accelerated Mobile Pages (AMP)
Part One Chapter 03
Causes of Slow Loading Mobile Websites
The major causes of slow loading of mobile web pages include:
A web server (i.e. the software) that is slow by default, or has not been properly configured for maximizing speed.
Web Hosting Solution
A mobile website that is hosted on a relatively slow web hosting solution (or hardware), or has extremely high web traffic which is often heavier than the web hosting can handle.
Web Browser Caching
A mobile website that has not been configured to use web browser caching.
A mobile web page that requires downloading resources which added up to excessive file size.
Slow Connection in General
Some intentional and unintentional setups such as redirects, bad requests, etc may considerably slow down page load.
Content Delivery Network (CDN)
A mobile website serving users of a very large country (or across large geographical locations, such as China) and with extremely high web traffic but is not using a content delivery network.
A slow network connection between your web server and the user (i.e. the web browser) requesting your mobile web page.
Techniques to Improve Loading Speed
You will not be able to solve all the causes, but you can apply techniques to optimize the speed of your mobile website. The optimization techniques may include:
- Optimize web servers
- Upgrade web hosting
- Implement web browser caching
- Enable file compression
- Combine multiple CSS files
- Implement inline CSS
- Implement Inline images
- Implement CSS sprites
- Reduce DNS lookups
- Avoid CSS @ import
- Fix bad http requests
- Avoid redirects
- Implement content delivery network (CDN)
Summary: Causes vs. Techniques
When we associate each technique to the causes:
|Slow web server software||Optimize web server software|
|Slow web hosting solution||Upgrade web hosting solution|
|No web browser caching||Implement web browser caching|
|Too many DNS lookups||Reduce DNS lookups|
|No CDN||Implement CDN|
Google Accelerated Mobile Pages (AMP)
Accelerated Mobile Pages (AMP) is a Google-backed open source project which lets you build web pages for static content that render faster. AMP consists of 3 major parts:
- AMP HTML
- AMP JS
- Google AMP Cache
Gordon Choi's Mobile Website Book has been available since November 2016.
Content on Gordon Choi's Mobile Website Book is licensed under the CC Attribution-Noncommercial 4.0 International license.