加到您的网站插件手动解决方案如何将源添加到您的网站插件手动解决方案年月日个最佳过滤器插件个最佳过滤器插件年月日中的高级自定义字段初学者指南中的高级自定义字段初学者指南年月日创世块和创世定制块解释创世块和创世定制块解释什么是骨架屏它们有效吗杰米尤维尔杰米尤维尔更新年月日发表年月日您的网站可以提供所有商品但如果您的页面加载速度很慢那么这些都无关紧要。根据的搜索加载时间每增加一秒转化率平均下降。人们不仅仅想要速度他们还期待它。在计算机上查看骨架屏幕的人如今大多数受众可能会定这意味着他们对访问的任何网站都抱有很高的期望。这可能看起来很可怕但有一个好处除了让您的网站更快之外还有一些方法可以让用户认为您的网站更快即使事实并非如此。
在这篇文章中我将介绍一种这样的方法即骨架屏幕。我们将揭开它们的含义它们为何有效以及何时使用它们来保持用户的参与度。立即下载个免费和技巧什么是骨架屏骨架屏幕是在页面内容完全呈现之前出现的 比利时电报号码数据 视觉占位符。它提供完全渲染页面的低保真预览以给人更快加载时间的印象。骨架屏幕由浅色的形状线条和文本组成它们在最终内容加载到位之前概述了页面的结构。骨架屏一词是由产品设计师于年在一篇关于减少感知等待时间的博客文章中引入的。在帖子中他解释了逐渐显示的页面内容如何将用户的注意力转移到正在加载的内容上而不是加载时间本身。
我们可以看到早期应用程序之一上使用的骨架屏幕示例骨架屏示例极地图片来源从左到右查看这些屏幕我们可以看到加载过程如何从预览页面基本结构的骨架屏幕开始这与线框不同。首先出现骨架屏幕然后屏幕逐渐填充内容直到呈现整个页面。自最初的帖子发布以来的方法已被主要网站网络应用程序和移动应用程序广泛采用。让我们看几个更多的网站示例。这是来自的一个当您访问主页时您首先会看到这个骨架屏幕骨架屏幕示例占位符加载屏幕不久之后最终页面内容取代了它骨架屏幕示例完全渲染的页面这是的另一个例子。这是用户加载页面时首先看到的内容骨架屏幕示例页面占位符加载屏幕这是完全渲。 |
