宜丰在线—宜丰第一综合门户网!
当前位置:主页 > 时事评论 > 正文

今日娱乐头条_用移动第一优化工具测量网站

时间:2018-04-30 09:40 来源:今日娱乐头条 作者:作者 阅读:

移动设备上的性能尤其具有挑战性:不足的设备、慢的网络和较差的连接是这些挑战中的一部分。随着移动用户的迁移,移动优化的回报也越来越大


大多数工作流程已经采用了移动第一的设计和开发策略,是时候应用类似的心态来实现性能了。


在本文中,我们将研究链接页面速度与真实世界度量的研究,并讨论移动性能影响网站的具体方式。


然后,我们将探讨基准测试工具,您可以用来衡量您的网站的移动性能。


最后,我们将使用工具来帮助识别和删除那些在网站上膨胀和重载的代码债务。


你如何设计一个响应型的汽车配置器?如何处理可访问今日娱乐头条性、导航、实时预览、交互和性能?让我们来解决这个问题。阅读文章性能优化的好处是有据可查的简而言之,性能很重要,因为用户喜欢更快的网站但这不仅仅是一个关于用户体验的定性假设


有各种各样的研究直接把减少的负荷今日娱乐头条时间与增加的转换和收入联系起来,比如现在十年的亚马逊研究表明每100的延迟导致销售额下降1%。在数据世界中,差的性能导致增加的弹跳率在移动世界中,反弹速度可能比你想象的要早


最近的一项研究表明,53%的移动用今日娱乐头条户放弃了一个超过3秒的加载站点。


这意味着,如果你的网站在3.5秒内加载,超过一半的潜在用户离开(并且最有可能访问竞争对手)。这可能是难以忍受的,但这也是一个问题,因为它是一个机会如果你能更快地加载你的站点,那么你的转换可能会翻倍如果你的转换甚至间接地与利润挂钩,那么你的收入就会翻倍


不,我们不能做任何魔术,但我们有文章,书籍和网络研讨会的特色技术,我们都可以用来改善我们的工作。


粉碎的成员得到一个经验丰富的魔术前端今日娱乐头条技巧选择-例如现场设计会议和审计。只是说!;-)除了减少转换,慢负载时间产生次要影响,减少你的入境交通


搜索引擎已经在页面排名算法中使用页面速度,将站点速度提升到最顶端。此外,谷歌特别考虑手机搜索的移动速度,截至2018年7月社交媒体也开始在他们的算法中考虑页面速度


今年2017年8月,脸谱网宣布将推出针对移动设备的新闻订阅算法的具体更改。


这些变化包括页面速度作为一个因素,这意味着缓慢的网站将看到脸谱网印象的下降,进而下降从该来源的访客。


搜索引擎和社交媒体公司不是一时兴起就惩罚缓慢的网站,他们已经做出了一个有计划的决定来改善用户的体验。


如果两个网站有相同的内容,你不愿意访问一个加载速度更快的网站吗?。


许多网站依赖搜索引今日娱乐头条擎和社交媒体来获取大部分流量。


其中最慢的将是一个更严重的问题,游客数量减少到他们的网站,超过一半的游客随后放弃。


如果预后听起来令人担忧,那是因为它是!但好消息是,你可以采取一些具体的步骤来提高页面速度。


即使是最慢的网站今日娱乐头条也能得到"分三秒"的好策略和一些工作。在开始优化之前,最好先浏览一下网站的性能通过分析,你可以确定你需要做多少进步稍后,您可以与此基准进行比较,以量化您所做的速度改进有许多工具可以评估网站的性能


今日娱乐头条但在开始之前,重要的是要理解,没有一个工具能够完美地测量客户端性能。


设备、连接速度和浏览器都会影响性能,并且不可能分析所有的组合。



另外,运行在个人设备上的任何工具只能在不同的设备或连接上近似体验。从某种意义上讲,无论你使用哪种工具都能提供有意义的洞察力


只要你使用同一个工具前后,每一个的比较应该提供性能变化的一个像样的快照。但是某些工具比其他工具更好


在这一节中,我们将介绍两种工具,它们提供了你的网站在移动环境中的表现。


注:如果对整个站点都很难进行基准测试,那么我建议您选择一个或两个最重要的页面进行基准测试。分析移动性能的一个更有用的工具是谷歌的灯塔


这是一个很好的优化起点,因为它不仅分析页面性能,而且还提供了具体性能问题今日娱乐头条的见解。此外,灯塔为提高速度提供了高层次的建议灯塔可在显影剂工具的审核表中使用若要开始,请打开 工具中要优化的页面并执行审核


我通常执行所有的审计,但出于我们的目的,您只需要检查"性能"复选框:今日娱乐头条


灯塔专注于移动,所以当你运行审计时,灯塔会弹出你的页面进入检查员的响应观众和节流连接来模拟移动体验。


当审计结束时,您将看到一个总体性能评分,一个页面如何随时间呈现的时间线视图,以及各种度量:。


这是很多信息,但一个报告强调今日娱乐头条的是第一个有意义的油漆,因为这直接影响用户的弹跳率。


您可能注意到,该工具甚至没有列出总加载时间,这是因为它很少涉及用户体验。


移动用户很快就会看到页面的第一个视图,并且在滚动到较低的内容之前可能需要一段时间。


在上面的时间线中,第一次油漆在1.3处快速发生,然后在3.9处出现一个完全超过折叠内容的涂料。


用户现在可以与上面的折叠内容进行接触,并且在折叠下面的任何东西都可以花费几秒钟的时间来加载。


灯塔的第一个有意义的油漆是一今日娱乐头条个伟大的度量基准,但也可以看看机会部分。此列表有助于确定网站的关键问题区域把这些建议放在你的雷达上,因为它们可以提供最大的改进


虽然灯塔提供了巨大的洞察力,但重要的是要记住,它只是模拟移动体验。


该装置在中模拟今日娱乐头条,并通过节流模拟移动连接。实际经验会有所不同此外,您可能注意到,如果多次运行审计,则会得到不同的报告


这又是因为它正在模拟经验,而在设备、连接和服务器上的差异会影响结果。


这就是说,你仍然可以使用灯塔来标杆,但重要的是你要运行它几次。它比一个单一的报告更有价值为了了解你的页面在实际的移动设备中加载的速度,使用的一个优点是它对各种真实设备进行测试此外,它将进行多次测试,并采取平均值来提供更精确的基准


要开始,导航到 .,输入要测试的页面的,然后选择要用于测试的移动设备。此外,打开高级设置并更改连接速度


我喜欢在快速3上进行测试,因为即使当用户连接到时,连接速度也很少是(μ):。


在提交测试(并等待任何队列)之后,您将得到今日娱乐头条关于页面速度的报告:。概要视图包括度量和链接到时间线的短列表同样,开始渲染的值比加载时间更重要第一字节对于分析服务器响应速度是有用的你也可以深入研究更深入的报道以获得更多的见解现在你已经在和中描述了你的页面,现在是记录这些值的时候了这些基准将为您优化页面提供有用的比较如果度量改进,你的改变是值得的如果他们保持静止(或更糟的下降),你需要重新思考你的策略


灯塔的结果是模拟的,这使得它不太有用的标杆,更深入今日娱乐头条的报告和优化建议。


然而,灯塔的性能评分和第一个有意义的油漆是很好的基准,所以运行它几次,并采取每一个中位数。


的值比基准测试更可靠,因为它测试真实设备,因此这些将是您的主要基准。


记录第一个字节的值,开始渲染,以及今日娱乐头条总的加载时间。


现在,您已经评估了站点的性能,让我们来看一个可以帮助减小文件大小的工具。


这个工具可以识别额外的、不必要的代码块,这些代码会使文件膨胀,导致资源比它们大。在一个完美的世界里,用户只会下载他们实际需要的代码但是,生产和维护过程可能导致代码库中未使用的工件即使是最勤奋的开发人员也会忘记在更改时删除旧的和随着时间的推移,这些死代码积累并变得不必要的膨胀


另外,某些资源将被缓存,然后在多个页面中使用,例如站点范围样式表。


站点范围内的资源通常是有意义的,但如何判断样式表大部分未被使用呢?。


幸运的是,开发者工具有一个工具来帮助评估文件中的臃肿:覆盖标签。"


覆盖"选项卡在导航网站时分析代码覆盖率。它提供了一个接口,显示了实际使用的或文件中有多少代码要访问覆盖选项卡,打开开发者工具,点击右上角的三个点导航到更多的工具>覆盖范围接下来,通过单击右上的重新加载按钮来启动覆盖范围这将重新加载页面并开始代码覆盖率分析


它提出了今日娱乐头条一个类似的报告:。这里,注意未使用的字节:此显示当前未使用的代码数量,颜色为红色在这个特定的页面中,显示的第一个文件是73%个膨胀您可能首先看到显著的膨胀,但它仅代表当前渲染


更改屏幕大小,当媒体查询被应今日娱乐头条用时,您应该看到覆盖率上升。打开任何互动元素,如情态动词和切换,它应该进一步上升一旦激活了每个视图,您就会知道实际使用的代码有多少


接下来,您可以深入研究报告,找出哪些代码未被使用,只需点击其中一个资源并查看主窗口:。


在这个文件中,查看每个规则集左边的高亮部分;绿色指示使用的代码,红色指示膨胀。


如果您正在构建一个单页应用程序或使用专门的资源用于这个特定的页面,您可能倾向于进入并删除这些垃圾。但不要太匆忙你应该明确删除死代码,但要小心确保你没有错过断点或交互元素在本文中,我们已经展示了优化页面速度的定量好处我希望你相信,你有说服他人的工具我们还设定了移动页面速度的最小目标:分3秒为了达到这个目标,重要的是先优先考虑影响最大的优化网上有很多资源可以帮助定义这个路线图,比如这个清单


灯塔也可以是识别代码库中特定问题的一个很好的工具,所以我鼓励你先解决这些瓶颈。有时候,最小的优化会产生最大的影响


(责任编辑:admin)

顶一下
(0)
0%
踩一下
(0)
0%
推荐内容
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。