从入门到精通:如何对前端性能进行优化
从入门到精通:如何对前端性能进行优化?你要考虑两个关键:
前端受众如何阅读你的网站?
这两个问题中,前者是主要的问题,而后者是重点。你如何做好这两个问题?
当然,对于新手来说,更加重要的是从页面设计、界面设计和程序设计等方面进行解决。
在早期,你要考虑以下内容:
1.你的界面设计的优劣。
2.你如何做出决策。
3.你如何知道在设计中哪些地方要撰改,如何根据设计做出恰当的调整。
4.如何建立一个阅读器的记录,保证网站可以被各种设备(如PC、平板、手机等)兼容。
前端受众如何阅读你的网站?你如何知道在布局和色彩上的选择?你如何使用CMS系统来支持响应式网站,或是增强、缩小和结构化?
那么,如何优化页面中的图片、视频和图标?
关于如何进行模块化的布局,请查看“onLoadware”:
5.你如何处理高并发、重复的交互操作。
如何选择高并发、重复的交互操作,让复杂的交互变得简单。
如何将页面中的视觉元素和链接转移到简单的导航栏中?
如何用文字符号和图形来引导受众阅读你的网站?
如今,你以知道怎么在页面中添加动画和视频。
设计师设计一个好的页面比一个好的界面更加重要。
但是,页面布局不仅仅是显示在页面的左上角,还取决于它们对受众来说有什么样的好处。
一些网站设计者并不清楚如何才可以设计出合乎逻辑的界面。这就是为啥我建议在设计时牢记这一点,并让设计师为您的网站设定一个完美的规划,比方“从0到1”的操作。
5.你如何获得你想要的功能。
这一个界面能否影响受众的使用,这取决于你希望受众做什么。你希望受众做什么?
有很多方法可将这一个界面的设计与使用者期望的一致,但是这些方法仅仅适合那些有较高受众群的设计师。
如果你的界面并不能帮到你,那么所有的解决方案都将是什么,没有什么可帮到您的设计师实现这一个界面的。
按时间顺序设计了一个导航栏,这是一个积极的反馈,亦就是受众想在屏幕上做什么。
这是一个糟糕的导航栏。
受众的行为不受规划的影响。
如果在页面中加入引导受众点击的按钮,这样的设计显然是糟糕的,因为他们并不清楚这些交互背后的动机。
这可能是,通过引导受众采取某一种方式来实现目标,而不仅仅是让受众点击。
这样的设计是让消费者做一个很棒的事情,而非让他们从你的界面中跳出来。
你可利用你的设计师为他们想要的行为提供一个干净、简洁、明了的界面。