如何提升网站访问速度(六)

2019-01-03 16:38| 发布者: | 查看: |

15.优先考虑折叠内容(延迟加载)

宝鸡百度 建议您只使用一个CSS样式表而没有内联CSS,您需要考虑一个警告。

您可以通过更快地加载(页面顶部)加载来改善用户体验 - 即使页面的其余部分需要几秒钟才能加载。

这称为延迟加载,对于包含大量内容的页面特别有用。

例如,假设你写了一篇包含20张照片的博文。通常,用户的浏览器需要在页面上显示任何内容之前下载所有这些图像。

使用延迟加载,它可以先在视图中加载内容,然后加载所有这些照片。

这样,用户不必等待访问页面,并且图像将在进入视图时加载。

这可以显着减少具有大量图像的帖子的加载时间(如此)。

如果您在WordPress上运行您的网站,启用它就像安装插件一样简单。您可以使用许多选项开始在您的网站上使用延迟加载。

延迟加载

Lazy Load是一个非常简单的插件,它使用jQuery.sonar仅在用户浏览器中可见时加载图像。

您需要做的就是安装并激活它然后,插件将自动检测用户何时可以看到图像并加载它。

没有任何设置或自定义选项可供使用 - 根据您的喜好,这可能是好事还是坏事。

无论哪种方式:如果您正在寻找一种快速,简单的解决方案,就是这样。

BJ懒惰负荷

BJ Lazy Load是另一个相对简单的插件,但提供了一些自定义选项。

首先,您可以确定您想要延迟加载的网站上的哪些内容。这可以包括内容,缩略图,gravatars,图像和iframe。

您还可以为尚未加载的内容设置标准占位符图像,并跳过包含某些类的图像。

因此,例如,如果您不希望特定图像延迟加载,您可以使用以下内容对其进行编码:

<img src =“image.jpg”class =“no-lazy”>

这样,插件就知道正常加载该图像。

您还可以设置加载前元素应该与查看者屏幕的接近程度的阈值。这使您可以更好地控制页面加载速度和功能。

该插件还兼容无限滚动。

如果你正在寻找一个易于使用的插件,但比Lazy Load提供更多的控制,宝鸡百度 提醒您这是一个很好的选择。

WP Rocket

如果您已经使用WP Rocket,您也可以使用该插件启用延迟加载。

打开WP Rocket设置,然后单击“基本”选项卡。在LazyLoad部分中,选中“为图像启用”旁边的框。

启用此功能后,您可以使用一些自定义选项。

例如,如果您不想在特定帖子或页面上使用延迟加载,则可以简单地为该页面禁用它。

只需打开页面,然后向下滚动到右侧边栏中的“缓存选项”框。然后,取消选中“LazyLoad for Images”旁边的框,并保存更改。

禁用延迟加载特定页面发布

您还可以使用代码段来禁用特定类型页面的延迟加载,例如主页或博客页面。

您可以从WP Rocket的延迟加载设置教程中复制并粘贴这些片段。

如果要为特定图像禁用延迟加载,可以使用“data-no-lazy”属性执行此操作。

只需将其添加到图像的代码中,该图像就会正常加载。

最后,您可以启用淡入淡出效果,使图像加载更加流畅。

当图像一次出现时,它们可以为访问者提供刺耳的体验。您可以通过在CSS文件中添加一个片段来使它们更加渐进。
<
>
   宝鸡博德信息技术有限公司,成立于2008年,是宝鸡地区百度的唯一总代理,主要从事百度推广、百度本地直通车推广,网站建设、网站维护、网站优化、百度百科、百度地图标注、百度糯米、百度网盟推广、百度知道、百度品牌推广、百度品牌起跑线,其他推广等,互联

联系我们

宝鸡市高新区高新四路星钻国际A座1309室

18509170727(服务时间:9:00-18:00)

254676808@qq.com

在线咨询 官方微信  

部门热线

前   台:18509170727
业务部:18509170727
客服部:18509170727
技术部:0917-2655216
人事部:0917-2655216

百度推广 网站建设 售后服务 咨询电话18509170727 返回顶部
返回顶部