What is mobile-friendly?Expressiveness,ContentAndPerformanceThree goals are to improve user experience. expressiveness-Presentation
Allows websites to adapt to screens of various sizes
Today, users can access webpages through many devices, which may have different screen sizes, such as phones, tablets, and e-readers. needless to say, a fixed-width, three-column layout with complex JavaScript animations and a webpage with a mouse hover effect may be displayed on a mobile phone, because the mobile phone has a small screen with a width of 2 inch (about 1 inch) and a weak processor. A slim and linear page layout and customized for the touch screen (convenient for different sizes of finger clicks ..) the elements are more suitable on mobile phones.
Content-Content
Adjust content for mobile users
Think about what a mobile phone user wants to do on your website. A very good example is Alaska Air (http://www.alaskaair.com/) website. its Desktop client is mainly used to help users book trips. however, mobile users are more concerned with ckeck-in flights or check whether flights are delayed. they adjusted the website content accordingly, and it is in line with the needs of mobile users.
Performance-Performance
A smooth user experience, even when the network speed is slow
Although the network conditions have been greatly improved in recent years, accessing the Internet through wireless networks is still painful, which makes performance more important and only sends the data they actually need to users.