"响应式网页设计"™最近一直是业界的流行语。不仅设计师们开始大做,甚至企业也意识到了它的美德,并愿意让他们的网站响应。问题是,我们所有人是否都完全知道什么是响应式网站。大多数人会告诉你,一个响应式网站是一个工作在不同的平台。虽然这绝对是概念的一个元素,但这里缺少一些东西。当网站不仅在不同的平台上工作,而且提供相同级别的性能时,它将会真正响应。当多平台网站™其用户体验在不同平台上持续缓解时,其优势是什么?以下是有助于您为网站用户高效地打造响应式体验的某些事项:
性能
你喜欢在您的网站添加很多元素吗?当然,它可能会吸引你,但太多的元素肯定不适合您的网站-™的移动版本。您应该学会将性能优先于功能,并谨慎地仅选择那些非常重要的元素。 优化的图像
虽然图像看起来非常适合您的网站,但它们可能会大大减慢您的移动网站的速度。此处的一个简单建议是避免高分辨率图像,尤其是在内容页中。如果一定需要高分辨率图像,则可以为这些图片创建单独的库并将其链接到内容页。某些工具(如自适应图像)也可能证明是有帮助的。媒体查询:媒体查询深受网站设计人员的欢迎,因为它们为网站增添了更多吸引力。近来,它们越来越受欢迎。虽然我们同意相同的观点,但问题是,在响应式设计的情况下,它们可能会让您的网站看起来有线索。再次,建议是谨慎;保留必要的媒体查询,并消除其余。 测试
虽然测试已成为网站开发的重要组成部分,但大部分此类测试是在快速互联网连接或 3G 上进行的。你认为所有的移动用户可以通过如此快速的互联网连接访问互联网吗?许多移动用户仍然使用慢速连接来访问您的网站。因此,您需要在慢速连接和/或 2G 网络上测试您的网站,以帮助您定位更广泛的人群。 反弹率
建议您跟踪您网站的跳出率。通常,您可以预期移动网站的退回率高于台式机/笔记本电脑网站。但是,如果偏差出乎意料地高,则您可能需要重新查看 Web 设计,以确保它非常适合通过移动设备访问。因此,上述一些要点可能有助于您使您的网站真正响应。毕竟,随着移动设备接入互联网的显赫地位的不断提升;具备完全的响应设计知识,将对你有利。
使用左/右箭头浏览幻灯片或者在使用移动设备时向左/向右轻扫
rtest