《
网页页面加载对用户访问的影响》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/030234O42013.htm
我曾经做过个计划划定“改版休会的提示必需在全部页面加载实现2秒之后，从上往下滑出推进整个页面，以求更显明让用户注意的后果。”由于在页面加载进程中，所有对象都在从无到有的挪动显示，假如在整个页面绝对静止之后，凸起更主要的“改版提示”，效果会顺畅良多。同样的论断还能够用在辅助提醒，或某些新功效贴&ldquo,网页隐藏滚动条;标签”上。下图为雅虎官方新改版的测试邀请。
除重要性，我认为模块还有时间先后关联在影响浮现。比方在网站首页顶部加长幅新闻模块，告诉服务器保护、改版新体验等用以晋升用户体验的手腕很常见。然而否有设计师斟酌过这些内容“性质”模块应该在什么时间涌现比拟适合？
Tag：网页页面 网页页面
UCDChina官方博客也有相似问题，其关键在于前后页面布局不当。按理说，不同层级页面所突出的中心内容应该不同，所以首屏也应该有显著差异才对。我设计本人博客首页、列表页、网志页布局时，就特殊注意了它们之间的转达要害点差别，如斯在较快的交互时会有“动画”效果。下图上为首页首屏，左为列表页首屏，右为网志页首屏。
竖状布局就会关涉到个优先级问题，应该先显示哪列模块？谜底确定是最重要的内容。在2004年网站重构技巧得到器重之后，此问题已经不算什么新情况了，技术解决方案很成熟,网页重构都在做什么。之前最常见的是用table标签进行布局，造成须要table内的内容全体加载完成之后才显示的成果。详细表示为可能卡在页面某处长时光停留，并整个模块忽然呈现在页面上。下图为三星中文官网过错的先显示广告，而在重要模块长时间等候。
Make Fewer HTTP Requests 更少的HTTP恳求 Use a Content Delivery Network 应用CDN Add an Expires Header 指定过时时间 Gzip Components 紧缩构造 Put Stylesheets at the Top 款式表文件在顶部 Put Scripts at the Bottom 脚本在底部 Avoid CSS Expressions 不在css中使用表白式 Make JavaScript and CSS External 将Javascript和CSS文件分别到独自的文件 Reduce DNS Lookups 减少DNS查问 Minify JavaScript and CSS 精简Javascript和CSS Avoid Redirects 防止重定向 Remove Duplicate Scripts 去掉过剩的脚本 Configure ETags 配置实体标签 Make Ajax Cacheable 可缓存的AJAX
另外从技术原理上来看，60%到80%的优化很轻易，但再往后的每一点提高，都得付出相应的成本和资源。因而，不纵观全局、不考虑客观前提寻求极致优化的做法不可取。
截图于2009年10月28日
截图于2009年3月21日
截图于2008年7月23日
当所有假设都幻想化之后，是否所有问题都解决了？答案是不必定。因为并不是加载越快就越好，快慢先后都应该有讲求，分辨从加载速度、加载优先级两个角度举例探讨。
我曾经遇到种情况，因为页面出现过快反而影响用户体验。页面跳转交互一闪就从前了，但首屏内容没怎么变更，成果我不晓得页面是否真进行了跳转。过快的交互感到不是流利，而是迷茫。此问题常见于博客体系，各位同行可以细心察看。好比淘宝UED博客，下图左为首页首屏，右为网志页首屏。
前几年弹窗广告风行时还有个类似案例，因为用户都特烦弹窗，打开页面的弹窗往往用户下意识就去关掉了。后来我设计了个延时10秒的弹窗，一月数据显示点击效果均匀提升了30%。
页面访问慢是网站公认的逝世穴，如果页面都没法访问，往后再出色的体验都即是零。这个问题如果专业点说，叫做“加载”呈现效力。那么详细了讲,网页设计：进度指示器帮助用户预测步骤，除惯例的服务器处理速度、服务器端网络带宽、客户端网络带宽等“硬”问题外，有哪些是技术上没处理好的“软”问题？
截图于2009年10月28日
加载优先级
在翻开到浏览页面的过程中，除加载速度，我留心并发明呈现次序之差也能造成轻微的体验影响。从web原理来讲，整个页面畸形应该是从上倒下，逐渐呈现。但事实中web往往是竖状布局居多，因为更合乎用户浏览习惯，更易于页面技术实现。
--> [
网站建设之]网页页面加载对用户拜访的影响
加载速度
举个例子，某页面阅读到一个处所卡住了，至少要等十多少秒才出来内容。排查起因，浏览其他网站页面很快，解释客户端网络带宽没问题；浏览同个服务器上其余网站页面都很快，阐明服务器的处置速度跟网络带宽也没问题,网页设计风格是不是越简单越好？。剖析代码可能有好几种情形，在YUI官方加速网站的最佳措施提到了13条方式，对一般产品来说，个人以为有几条应当强化留神，其他（灰色）从性价比上来说则本钱有点高。
从以上例子可以得出结论，加载速度并不是孤破存在可能影响用户体验的因素，而在整个设计方案系统中起推动作用。事实上，用户对加载速度的请求也不是特别高，最症结是稳固,网页设计艺术之原则，不低于用户冀望。慢一点不要紧，只有能给用户“说法”，比如动态加载提示，用户反而会感到“过程”很受用。
(责任编辑：网站建设)
网页页面加载对用户访问的影响相关文章