Learn How To Design Websites That Are Interactive In Under 1 Second
I am a Mobile First web developer specializing in providing the fastest Mobile User Experience (UX) for hand held and wearable devices that explores concepts, designs and ideas that are innovative, unconventional and not based or limited by industry traditions!
These Are My Mobile First Web Design Objectives And Features
✔The web server is configured for speed by using HTTP/3 and LiteSpeed Turbo software from www.a2hosting.com.
✔Every webpage is optimized for speed and are able to achieve a Time to Interactive goal of under 1 second when running Lighthouse using Chrome Dev Tools.
✔Website visitors will experience a webpage layout similar to what users experience on a Mobile Web App that adapts to any size screen.
✔All webpages are configured to behave like a Mobile Web App and exploit Open Graph Protocol.
✔I developed an Ambidextrous, Thumb Zone Friendly Navigation Menu that provide visitors a consistent navigation user experience (UX) on any size screen and, can also be used as a Mobile Mega Menu.
✔Takes advantage of the benefits and features of using a Digital Business Card that:
Can be added as an "Add On Feature" to any website so that they are hosted under your own website domain name.
Exploits viewing of web content on select Apple Watch devices!
When mobile users "Bookmark" the Digital Business Card webpage by exploiting the "Add to Home Screen" web browser feature, the webpage will behave like a Mobile Web App and users will have "One Touch" access to my contact information and web content in under 1 second.
I do not use any JavaScript or Content Management System (CMS) software!
Avoid Using JavaScript
JavaScript is the most expensive resource used when loading a webpage!
The web browser has to perform the following actions for every JavaScript code that is used on your webpage and this severely impacts a webpage Time to Interactive!
Download every script over the network (Cellular or Wi-Fi)
Parse the code
Compile the code
Execute the code
Android devices can not process JavaScript request as fast as IOS devices!
If your device is not listed, download the app to review your mobile device CPU benchmark scores.
There are valid reasons for using JavaScript however, should you consider:
Evaluating every JavaScript code on your website and determine if the script is absolutely necessary.
Replacing a JavaScript Navigation Menu with a CSS3 Only Navigation Menu.
Watch a video by Addy Osmani titled The Cost of JavaScript.
Avoid Using Content Management System (CMS) Software
JavaScript is used extensively in all Content Management System (CMS) Software and this severely impacts a webpage Time to Interactive! Encourage you to review these performance metrics.
| Page Loading Speed by CMS |
|---|
| Drupal |
| Magento |
| Wordpress |
| JavaScript Bytes by CMS |
| Drupal |
| Magento |
| Wordpress |
Websites that use CMS software are common hacking targets!
Should These Trends Influence Your Website Design?
15% of US adults are Mobile-Only Internet Users and this percentage is much higher in different parts of the world. These users do not have access to a high speed internet connection at home and rely solely on their Smartphone to access the internet.
It is estimated that by 2025, nearly three quarters of the world's mobile users are expected to be Mobile-Only Internet Users.
Globally, 68.1% of all website visits in 2020 came from mobile devices an increase from 63.3% in 2019. Desktops drove 28.9% of visits, while 3.1% of visitors came from tablets.
Learn which countries have the fastest and slowest Internet Speeds.
The Mobile First web design methodology is the best methodology for the foreseeable future but, you do not have to take my word for it. Read what other industry insiders are saying.
If you would like a FREE DETAIL ANALYSIS of your website or need help implementing some of the features that I use, feel free to contact me.
Would love to hear your comments, opinions and thoughts on this topic!