FANDOM


改善手机阅读体验

从2017年底开始,FANDOM上wiki社区的平均页面加载时间减少了46%,这得益于去年的Wiki现代化项目。然而,这只是冰山一角,我们的团队一直在努力改善网站的手机页面的性能。目前我们已经取得了一些成功,尤其是用户连接移动数据的时间已经有了足足好几秒钟的提高。

那我们是怎样做到的呢?

我们采取的步骤

在评估加载时间的时候,需要考虑多种因素。对于手机和电脑桌面有一些主要的因素需要考虑。

  • 首次有效渲染 - 这是在即时呈现某些页面元素之前呈现主要元素所需要的时间。
  • 交互式时间 - 当你可以开始阅读页面上的内容时所需要的时间。

为了在这两个方面取得改进,我们一直努力进行各种尝试。其中包括:

  • 在手机架构上移除没有太多作用的代码。例如,减小CSS和JS的文件大小,从而使页面加载时间更快。
  • 我们已经重新设计了页面元素的加载顺序,确保最有用的部分首先加载,同时减少页面元素在加载过程中移动的频率。

我们还优化了一些“属性”,例如和缩略图存储器的连接时间等。这意味着让图像加载的速度变得更快。

这对于所有人来说都是一件值得庆祝的事情。你可以通过下面的简短视频将2018年初和现在进行对比,了解浏览手机网页时页面加载速度效果的变化情况。这个视频是使用Moto G4手机在3G的网络环境下完成的。

MobilePagePerformance

结果

在测试这些改进的时候,我们查看了大量不同的页面。您可以看到这些尝试对于你的手机体验意味着什么:

  • 首次有效渲染从2.8秒下降到大约1.1秒,将近60%的下降。
  • 交互时间从7秒下降到3.4秒,下降幅度为51%。

而这不仅仅对于wiki社区产生影响!FANDOM的英文新闻站和讨论版在移动和电脑桌面上加载速度都有所提升。仅仅在2017年现代化工作后的这一小段时间里,我们的整个站点加载速度比一年前要快出许多倍。

下一步计划

网站下载速度加快对所有用户来说都是非常棒的事情,让用户访问体验变的更加愉快。而这也意味着更多的人将更快速的阅读更多的内容。我们的数据显示,随着页面加载时间的减少,用户阅读页面的数量也在大幅度增加。

当然,我们还有很多工作要做。在未来将还会有一些列的改进措施,包括:

  • 页面上的第一个图像加载速度将变得更快,从而简化了文章中所有元素加载顺序,也会让页面之间的跳转速度加快。
  • 我们将会考虑对广告的加载时间进行更改。
  • 我们还将研究搜索引擎如何抓取网站结果,寻找更多的机会让社区的搜索结果排名更加靠前。

除了我们去年为实现Wiki现代化所做的努力,以及对讨论版和FANDOM英文版新闻站的内容加载时间进行改进之外,手机用户现在可以更快地浏览FANDOM网站上的大量内容。我们将继续实现网页的移动现代化,并且期待在未来告诉大家更多相关的进展情况!


User:Cal-Boy/badge

除了特别提示,社区内容遵循CC-BY-SA 授权许可。