速度是现在比以往任何时候都更本质的网页设计。你的网站访客想要快得多的网站体验,如果你不送,就会去别的地方,在那里他们可以!这只是现在的方式,这种趋势正朝着越来越快的网站。
设计师不断地测试,以确保他们的客户有快速的网站会比那些不得到重视。快速的网站你问是什么?我们如何量化这一数值而言?
看看数据,我们有一些研究说以下几点:
● 47%的用户想要一个网站在两秒或更少(根据负载Akamai研究)。
● 电子商务消费者想要一个网站加载在两秒,但百度的目标是不到半秒(根据百度网站管理员)。
● 57%的用户会放弃一个移动网站如果它花费的时间超过三秒加载(根据版的研究)。
显然,共识是更快更好,因为它大大提高了用户体验。这里有一些奇妙的想法让你客户的网站更快!
让你的设计简约
显而易见,当您创建一个简单的设计,你的网站有更少的元素加载。当有更少的元素加载,可以有效地提高你的网站的速度。
这完全取决于你的网站设计的哲学方法。你可以节省很多麻烦从一开始通过设计巧妙地避免有害的行为影响你的网站的加载速度。
设计师需要坚持极简主义的真正原理提出的网站的光脚,不需要很长时间的负载从一个页面到另一个。
简约的特点是:
● 一个汉堡菜单而不是一个标准的导航栏;
● 更多的白色或负空间;
● 短的web表单;
● 小的图片;
● 只有一个字体,而不是不同类型的字体在你的网站上。
理解的重要性的感知性能
即使在网页设计中,知觉是现实。这意味着设计,只是认为是高度有用的不一定要快得多,以生产高水平的用户满意度或认为,优秀的用户体验。
虽然拥有快速的网站是至关重要的,您还可以创建更快的网站,经常的感觉如果它认为是快,用户会很高兴。
在这个深刻的视频Luke Wroblewski,他解释说,速度是关键路径的用户体验。而不是实现复杂的技术解决方案来提高网站的响应时间,使用好的设计,我们可以增加的感知性能和使界面看起来更快。
偷懒延迟加载
听说过延迟加载吗?这种设计模式的特点是才渲染对象的时间点是必要的。例如,对象在折叠时才会开始加载和初始化用户实际上是向下滚动页面。这仅在必要时设计方法意味着你的网站需要依赖更少的资源,从而使它更快的性能。
特别注意:如果你的页面有很多内容,因此需要用户向下滚动,延迟加载自然是非常有效的。如果你设计一个long-scrolling页面客户端,使用延迟加载,因为这将大大提高网站的速度和用户体验!
将延迟加载到您的设计,只需挑选各种延迟加载插件可用。
几个好习惯包括:
· 延迟加载为jQuery插件;
· 延迟加载WordPress插件;
· BJ延迟加载;
· Unveil.js;
· bLazy.js;
· 角懒惰IMG;
· ocLazyLoad;
· React-Lazy-Load;
· 杰森Slyvia的React-Lazyload。
苹果的iPhone 6 s产品页面是一个long-scrolling页面。这使得一个完美的候选人延迟加载。如果您向下滚动页面,你可以看到有多少不同的图像,每一个页面的速度,征税需要加载。页面可以受益于延迟加载,Alexa工具条扩展表明它加载在不到两秒,只是平均!
优化你的服务器
让你的网站的一个重要方面超快是你如何处理你的服务器。特别是,解决您的服务器响应时间,这样,也是超快是关键。你的服务器响应时间需要多长时间你的服务器响应浏览器请求。
换句话说,您可以优化您的个人页面,所有你想要的速度,但如果你忽视你的服务器,你的整体网站速度仍将低迷!
这是一个必备实施以下策略与您的服务器,以确保您的服务器响应时间是超快:
● 为每一个页面(使用更少的资源推迟的图片,结合外部CSS文件,结合外部Javascript文件);
● 使用一个内容交付网络或CDN;
● 使用一个高速缓存解决方案;
● 提高您的web服务器软件配置。
更快的网站获得更多的用户,买家和读者设计速度不能强调高度足够的这些天!你的用户,买家和读者想要快速的用户体验。否则,他们一定会去你的一个竞争对手的网站优化了速度!
通过实施以下技巧上面,你保证改善你设计的网站的速度。这意味着快乐的客户会对你的设计技能,因此,更多的业务来了你作为一个设计师!
当然,保持测试你的网站看到它真的是快的,可能您可以创建的迭代。总有调整你可以到处让它尽可能快。