功能易用性

1,提供在首页导航和搜索功能。

2,内页提供一个返回前一页并返回到主页

3、分页列表点击下一页或直接在这个页面显示更多。

4、统一封面图片大小和会员大小。

5,试着链接标签设置为块模型,支持触摸屏的手指点击。

6,提示信息不建议频繁使用弹出框和浮动层,但是我们仍然保持上述模式切换,减少页面。

7章阅读页面提供背景和字体设置和其他功能。

8,如果你想增加广告的位置,不要将主要内容。

(页面加载速度优化)

网页加载速度将大大影响用户体验和滞留率、用户期望并接受页面加载时间在3秒内。

杰克已经做了很多优化程序系统本身,启用缓存模式控制的主要页面的执行时间0.1秒。在此基础上,对网络性能、优化强调网页加载本身。我们把共同的影响因素分硬件和软件两部分,硬件相关的:

1,控制服务器上的负载,CPU、内存和磁盘IO为主要参考参数。

2、DNS和网络传输速度,建议站长选择域名和互联网服务提供商的稳定性,并根据实际的网站需要保留足够的网络带宽。

软件相关主要指的是首页的设计。

1、移动从WML网页格式- > XHTML - > HTML 5,页面设计代码和HTML + CSS 3为主流。

2,图片格式使用PNG / JPG,GIF,主要目的是清除让文件容量的情况下尽可能小。手机屏幕宽度描述通常分为像素宽度宽度设备宽度宽度和设备,如iphone6 widh:750,设备-宽度:375。网页设计设备——通常宽度作为基准,但是为了清楚你的手机,实际的图像宽度可以CSS定义的2倍。

3小图像或图标,网页,推荐使用图标字体或CSS精灵技术,结合多个图像到一个文件中。

4,网页设计页面时可能需要加载多个js和CSS,实际上表明相似的多个文件合并后,压缩CSS和javascript文件。

5、web服务器启用gzip压缩输出函数可以显著提高加载速度。

除了上面提到的之外,系统架构和页面优化方法涉及很多技术细节,可以参考高性能网站建设,指导高性能网站建设先进指导两本书中提到的技术优化方法。另外您还可以使用一些性能更加成熟的设计策略,如按需加载,延迟加载,等返回的不同网络环境中的信息板或图像的不同程度的压缩,进步的设计等等。

越来越丰富的web交互,随后我们将驱动性能改善用户交互,交互性能测试工具,以确保用户交互。主要涉及的渲染引擎,JS解析引擎运行时特性,如避免频繁触发重新油漆和回流,dom操作的优化策略,避免使用低效的API,选择器优化,避免内存泄漏,使用内存缓存的数据优化周期或递归算法来减少复杂性,等。可以参考高性能Javascript来进一步理解。

网站优化很多,影响因素很多的细节,我们给一些方向和学习建议,希望大家可以优化,结合当前一些主流工具,如yslow,pagespeed离线测试,离线测试比在线检测更纯粹,但也足以发现很多明显的问题。

页面布局规范】

1,由于不同的手机屏幕分辨率差异较大,我们希望充分展示在大多数手机,并没有出现页面整体规模和水平滚动条的页面,没有混乱,没有很大的空间。我们通常设备-宽度一样宽的标准,可以请求web内容在设备-宽度= 320 px充分展示在你的手机上。

除了设置窗口,建议可以联系更具响应性布局,流体布局的知识,或使用一些成熟的网格系统,如网格引导的一部分。

2、推荐文本字体大小14 px,默认1.5或1.6倍行高。标题与大尺寸、小纸条内容字体大小,建议选择12 px - 24 px。

3、横幅图像可以显示百分比,以确保全屏幕宽度,其他固定宽度的封面图片。一行显示多个时间百分比每张图片的位置。图形作品时是固定在左边,在右边的图画。

更多详情咨询：企信云云发布