击败单页设计的四个技巧 – 视差性能问题

视差网站是引人注目的,易于关注。 但是,由于所有图形和文本都在一页上,并且这些网站经常使用视频,因此,如果优化不正确,它们也会成为性能噩梦。
视差性能问题
如果优化不正确,视差滚动网站可能会成为性能噩梦。

随着营销人员寻找干净、简洁的方式讲述公司的故事,两个新的网站设计最近越来越受欢迎。 单页设计是一个网站,它使用一个网页来显示网站的所有内容。 视差滚动在视频游戏中已经存在多年,但正在成为网页滚动功能中越来越常见的部分。 视差滚动使用多个背景,这些背景似乎以不同的速度移动,以创建 3D 效果。 通常,单页设计和视差滚动一起使用。

很容易理解为什么人们喜欢使用这些设计技术的网站。 它们非常吸引人,易于理解。 但是,由于所有图形和文本都在一页上,并且这些网站经常使用视频,因此,如果优化不正确,它们也会成为性能噩梦。

慢页下沉网站

正如我们所知,页面加载时间和交互时间 (TTI)是创建出色的用户体验时要跟踪的重要指标。 最佳页面加载时间仍小于三秒;任何时间,网站有失去客户和销售的风险。 (您的网站加载速度有多快?在此处测试它。 然而,正如Radware最近的”国情咨文”调查显示的那样,网站在达到这一行业标准方面做得不够好。 事实上,页面加载时间正在持续变慢

创造力的另一面

Web 设计人员具有创造性,但现在他们还需要在如何解决 Web 性能方面具有创造性。 以下是创建单页设计和视差滚动网站时要记住的三个提示:

  1. 请记住,网络效应(DNS 查找、延迟、集成网络交互)具有基于地理位置和第三方托管元素使用的重大且不断增长的影响。
  2. 利用 JavaScript 和 Flash 以及 HTML 和 CSS,在不大幅增加加载时间的情况下,在页面上容纳更多内容。
  3. 使用延迟加载立即仅加载用户可见的内容。 当用户参与该内容时,请加载其他内容,以便用户不会忍受中断或等待时间。 使用插件使用 JavaScript 将延迟加载技术硬编码到您的网站中。
  4. 使用网站性能工具使用不同的浏览器定期测试网站性能,以确保任何网站性能更改不会影响用户体验。

网站开发人员在使用这些新的网页设计技术时,在美学和性能方面牢记其美观性,将收获一个美丽的网站的回报,该网站满足用户对页面加载速度和 TTI 的期望。

Facebook
Twitter
LinkedIn
电子邮件
打印