什么是正在加载动画,预加载动画?
预加载器是一种动画,指示后台页面加载的进度。
预加载程序可确保用户网站正在加载页面。这可以帮助改善用户体验并降低总体跳出率。
将向您展示如何轻松地将预加载器添加到WordPress网站中。
了解加载动画
预加载器是动画或状态消息,指示后台页面加载的进度。
通常,当您访问网站时,浏览器会开始下载内容的不同部分。网站的某些部分加载速度较快(例如,文本,HTML代码,CSS),而其他部分的加载速度较慢(即,图像和视频)。
如果您的大部分内容是带有很少图像和视频的文字,那么实际上不需要向网站添加预加载器(文字打开会比较快,加载动画不一定有时间显示)。应该专注于提高网站速度和性能,以加快页面加载速度。
另一方面,如果网站大部分内容是图像,照片和视频嵌入,则用户需要等待一段时间才能实际看到所有内容。
在这些部分下载期间,您的网站可能会变慢。有时用户甚至可能认为网站卡顿或者损坏(从而跳出网站)。添加一个预加载器,可以填补这一空白,并在页面加载期间向用户显示进度指示器。
可以通过在WordPress中撰写博客文章时单击“预览”按钮来查看预加载器的实时示例。
WordPress将在新窗口中打开博客文章的实时预览,并且它将在实际显示实时预览之前显示一个预加载器。
如何轻松地将预加载器添加到WordPress网站?
使用插件添加加载动画
使用WordPress插件的好处是,因为容易实现,并且不需要对WordPress主题进行任何更改。
安装插件
进入WordPress后台>插件>安装插件>搜索“WP Smart Preloader”
有关更多详细信息,参考:如何安装WordPress插件的分步指南。
之后点击【现在安装】,稍等片刻后点击【启用】。
如果网速不好,或者其他原因安装失败,可以到WordPress官网下载插件之后,手动上传到WordPress插件中:https://wordpress.org/plugins/wp-smart-preloader/
插件使用
【启用】插件之后,进入到WordPress后台左侧边栏>设置>WP Smart Preloader中。
首先,需要选择预加载器样式或页面加载动画。该插件带有六个内置动画选择。还可以上传自己的自定义HTML和CSS来创建自定义预加载器。
之后,可以通过选中“仅在主页上显示”选项,使预加载器仅出现在主页上。
接下来,需要向下滚动到“显示加载程序的持续时间”部分。需要指定预加载器的持续时间。默认选项是1500毫秒(1.5秒),适用于大多数站点,但是可以根据需要进行更改。
还可以设置加载程序完全消失所需的时间。默认选项是2500秒或2.5秒。
最后,不要忘记单击“保存更改”按钮来保存设置。
现在,可以访问网站以查看预加载器的运行情况。
如果对于WP Smart Preloader插件还有哪些不明白的,或者有更多使用技巧,可以在下方留言,会尽快回复并且在页面当中更新相关的内容。
文章标题:在WordPress网站中开启正在加载的动画「留住用户」,本文链接:https://www.siwihs.com/7485.html。未经允许,禁止转载。