网站建设资讯

联系我们

相关推荐

网站建设资讯

首页 > 新闻动态 > 网站建设资讯 > >

页面首屏高度是多少合适网站优化

发布日期:2016-09-26来源:www.cecom.cn

       页面首屏高度是多少合适网站优化
   通常来说,网站首屏是整个网站的中心地带,一些主要页面和内容都展现在页面的首屏。当然,关于公司网站规划工程师来说,断定好首屏高度十分主要,一方面要兼顾不一样巨细的浏览器,别的又要思考的页面展现效果。
首屏的高度直接跟客户端的各种客观的条件有联系,因为咱们要断定首屏的高度(标示首屏线)就需要联系一些相对精确的内部统计数据来剖析了,依据各个客户端的操作系统、浏览器散布和屏幕分辨率等状况,并联系多见浏览器状态栏、任务栏等高度进行剖析如下:
第一步:剖析多见分辨率及浏览器下高度数据

网站优化 多见分辨率及浏览器下高度数据
那么,页面首屏高度是多少合适,通常公司网站首屏高度是多少呢?页面规划总结不一样浏览器和用户体验方面的数据,详细如下:
归纳上面表中各个分辨率及浏览器下的统计数据,咱们很容易画出两条首屏线,分别为580PX和710PX,对应不一样的分辨率。
第二步:剖析客户端实践分辨率及浏览器可见区域

东莞网站优化  


经过搜集的用户数据咱们能够得出如下数据:
1)1024×768,1440×900,1366×768,1280×800分辨率是大部分客户端的设置;
2)客户端分辨率总类十分多,不多见的分辨率份额里边占了相当多的品种;
3)跟着硬件的升级换代800×600,1024×600等600PX高度的分辨率在逐渐不见。
访客可见区域高度统计图
经过对大于30W台客户端用户进行测试,得到的测试数据如下:
1)viewport高度低于等于580的有116786自己,占44.64%
2)viewport高度低于等于720的有216227自己,占82.64%
3)viewport高度低于等于800的有241420自己,占92.27%
4)viewport高度低于等于900的有259174自己,占99.06%
第三步:浏览器可见区域热区图剖析

东莞网络公司

归纳上面三个过程,终究咱们能够断定:
1、经过剖析上面浏览器多见热区散布图咱们能够看出来:在页面规划时如果把页面首屏高度定在大于600像素的分辨率上,有可能会致使许多的用户看不完好,思考到杰出的用户体验度,主张:页面规划师在规划页面时以600像素作为首屏高度来规划;
2、依据用户可见区域高度统计图及全体二八份额划分的准则,如果把首屏高度断定在710像素能够照顾到约80%的用户集体,主张:前端开发在做页面时可思考把710像素视为首屏区域高度,选用技术手段对首屏的体现进行优先加载可获得杰出的用户体验度。

案例推荐: