👍 I use the SAME WEB PAGE LAYOUT AND MENU NAVIGATION that can scale from a small Smartphone screen to a Large Screen TV WITHOUT USING CSS3 Media Queries and is compatible with web browsers running BOTH CURRENT AND OLDER VERSIONS of Apple, Android an Windows operating systems.
Optimize Web Pages for Speed
If you are using a desktop or laptop to visit a website, you probably are connected to the internet with a High Speed connection. When you visit a website with a Smartphone, you have to take into consideration the cell phone reception and speed of the cell phone carrier network (i.e. 3G, 4G, 4G LTE).
Images take a VERY LARGE PERCENT of the web page size and need to be optimized by choosing the correct image size for the device and compression. An image should be used to grab the website visitor's attention and convey the desired message. External links within the web page can be used to further explain and validate the desired message that you are trying to convey and are not loaded when the page is originally displayed.
✅ Use the HTML 5 Picture Tag to display the appropriate size images for different screen size devices!
✅ If there are several images that are used in every web page, strongly encourage to use CSS Sprites to reduce the number of network requests to the server.