Slider Revolution 革命幻灯片性能和SEO优化设置

Slider Revolution 革命幻灯片性能和SEO优化设置

在本教程中,您可以从多个延迟加载选项中进行选择,以帮助加快幻灯片的初始加载速度,还可以评估幻灯片的整体文件大小,这有助于确保所有图像的大小合理。

 

1.延迟加载

在页面最初加载后加载滑块中的所有图像,确保在幻灯片之间切换时幻灯片内容之间没有延迟。

最适合具有高级导航功能的滑块,如缩略图,项目符号和标签。

智能:

在页面最初加载后从第一张幻灯片加载图像,并从相邻幻灯片预加载图像。例如,当幻灯片首次加载时,第二张幻灯片将预先加载,然后,一旦查看第二张幻灯片,就会预先加载第三张幻灯片,依此类推。对于仅包含基本导航的滑块的一个很好的选择,其中进度始终是“下一个”或“前一个”。

单个:

始终“按需”加载幻灯片内容。这意味着只会初始加载第一张幻灯片,后续幻灯片只有在轮到幻灯片时才会加载。

无延迟加载:

首次加载页面时将加载所有内容。通常对于内容最少的幻灯片来说没问题。不建议用于包含大量幻灯片

2.性能表现

右侧屏幕截图中显示的绿色条是基于延迟加载选项的一般评估,以及您在幻灯片中使用的平均图像大小。

在延迟加载选项之间切换,以查看常见的网页估计加载速度。

显示完整统计分析:

查看图像性能,Google字体等的详细列表。

显示所有优化问题:

查看可能会降低幻灯片速度的项目。

在下面的示例屏幕截图中,图片、css和字体的速度都不错,可以显着提高打开幻灯片的速度与性能。