![](https://img-blog.csdnimg.cn/img_convert/23bd466e5818d8204e55802243f28cca.png)
wordpress 加载慢
Do you want to add a preloader to your WordPress site? A preloader is an animation indicating the progress of a page load in the background.
您要向您的WordPress网站添加预加载器吗? 预加载器是一种动画,指示后台页面加载的进度。
Preloaders assure users that the website is working on loading the page. This can help improve user experience and reduce overall bounce rate.
预加载程序可确保用户网站正在加载页面。 这可以帮助改善用户体验并降低总体跳出率。
In this article, we’ll show you how to easily add a preloader to WordPress.
在本文中,我们将向您展示如何轻松地将预加载器添加到WordPress。
![Adding a preloader to your WordPress website Adding a preloader to your WordPress website](https://img-blog.csdnimg.cn/img_convert/bc889d23a283aef79c91f3324685ea19.png)
什么是预加载器以及何时应使用它? (What is a Preloader and When You Should Use it?)
A preloader is an animation or status message indicating the progress of page load in the background.
预加载器是动画或状态消息,指示后台页面加载的进度。
Normally when you visit a website, your browser starts downloading different parts of the content. Some parts of the website load faster (i.e. text, HTML code, CSS) whereas others load way slower (i.e images and videos).
通常,当您访问网站时,浏览器会开始下载内容的不同部分。 网站的某些部分加载速度较快(例如,文本,HTML代码,CSS),而其他部分的加载速度较慢(即,图像和视频)。
If most of your content is text with very few images and videos, then you don’t really need to add a preloader to your website. Instead, you should focus on improving website speed and performance for faster page loads.
如果您的大部分内容是带有很少图像和视频的文本,那么您实际上不需要向网站添加预加载器。 相反,您应该专注于提高网站速度和性能,以加快页面加载速度。
On the other hand, if most of your content is images, photographs, and video embeds, then your users need to wait a while before they can actually see all the content.
另一方面,如果您的大部分内容是图像,照片和视频嵌入 ,则用户需要等待一段时间才能实际看到所有内容。
During these partial downloads, your website may feel slow. Sometimes users may even think that it is broken. Adding a preloader, fills this gap and shows the user a progress indicator during the page load.
在这些部分下载期间,您的网站可能会变慢。 有时用户甚至可能认为它已损坏。 添加一个预加载器,可以填补这一空白,并在页面加载期间向用户显示进度指示器。
You can see a live example of a preloader by clicking on the Preview button while