WordPress图片懒加载设置。

WordPress网站中图片一直是优化的重点,除了要做好图像基本的优化外(比如图片裁切、图片压缩),还有一个关键点就是在网页中的优化,图片懒加载就是一个非常流行的方法,能够有效的提升网站速度,今天我们就教大家如何在WordPress中开启图片懒加载

为什么要使用图片懒加载技术

对于大部分的网站来说,图片一直都是非常消耗资源的,一张图片可能就要占据一个代码文件大小的空间,一个网页如果有几张比较大的图片,就会在网页加载时会占据非常大的带宽

而且在默认状态下,浏览器会加载整个网页的所有图片,即使这个网页非常的长,后边的东西很少人去看,也要将其一并加载

这并不是一种良好的加载机制,尤其对于小带宽的服务器来说,是对资源的极大浪费

如果你使用图片懒加载,会有效改善这种情况,它会让浏览器按需加载图片,也就是说只展现浏览器中能被看到或者即将要出现的图片,延迟后面图片的加载,如果访客中途关闭了网站,后面的内容也就不会再加载,这样就避免了无用的资源传送

使用图片懒加载技术,可以帮助你的网站

提高加载速度

减少流量消耗

更好的浏览器性能

而且在实际体验中,使用懒加载效果的网站会比未使用的网站更流畅、有更好的浏览体验

WordPress开启懒加载

在WordPress开启懒加载是非常简单的事情,我们可以通过安装 BJ Lazy Load 这款插件来实现,这是一款安装后即开始使用的插件,无需任何设置

WordPress图片懒加载设置

在插件中有一些筛选规则,你可以设置一些区域是否采用懒加载,比如小工具、文章缩略图等

这款插件的懒加载效果是非常好的,因为它不是单纯的只是让图片延迟加载,它可以在图片加载之前用小缩略图做占位图像,提前固定好网站的布局,不会出现布局错乱的情况,当浏览器窗口滚动到指定位置时,再替换成实际大小的图片

不过如果你之前的图片如果想要使用占位缩略图,需要重新生成缩略图,可以使用 Regenerate Thumbnails 这款插件完成。

本文来自投稿,不代表科技代码立场,如若转载,请注明出处https://www.cwhello.com/112274.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
上一篇 2022年10月24日 01:01
下一篇 2022年10月24日 01:01

相关推荐

  • WordPress配置全站HTTPS教程(基于宝塔面板)。

    如今,随着Google等互联网巨头的推广,HTTPS几乎已经成为网站的标配,在新版的Chrome中,没有HTTPS的网站甚至会被提示为不安全,为网站开启HTTPS势在必行,在本文中我们来分享一下如何在宝塔面板中为WordPress开...

    2022年10月25日 wordpress开发
    037
  • WordPress设置留言嵌套层级方法。

    wordpress可以在同一条留言中进行嵌套评论,不过默认情况下最多只能嵌套5条评论,当你想直接对第5层级的留言进行回复时,会发现没有回复按钮了,想要继续以嵌套的形式进行回复,就要增加嵌套的层级,下面我们就教...

    2022年10月25日
    021
  • 如何让WordPress使用主题自带404页面而不是宝塔默认页面。

    许多人用宝塔建站后会发现,当访问一个不存在的页面时,默认并不会显示自己WordPress主题漂亮的404页面,而是会显示宝塔自带的一个 404 Not Found 的页面,没有任何内容,用户体验非常不好 在本文中,我们就教大...

    2022年10月25日
    020
  • WordPress更换主题,你需要注意哪些事情。

    在WordPress中,虽然安装主题是一件非常简单的事情,只需要点几个下就能切换,不过对于整个WordPress站点来说,切换主题却并不是一件小事,因为许多东西包括外观、功能、使用方法等都有可能发生很大的变化,所以...

    2022年10月25日 wordpress开发
    020
  • WordPress怎样删除特定主题或插件翻译。

    在使用WordPress搭建中文站点时,有时候会发现一些主题或者插件翻译不准确,尤其是后台翻译,有些翻译也并没有太多校对,虽然没有什么大的问题,但是有些词汇对于不熟悉的人来说还是会容易产生一些误导的,在本文...

    2022年10月25日
    021
  • WordPress关闭Pingback和Trackpack通知方法。

    当我们的WordPress博客文章被他人引用时,默认情况下会产生一条Pingback通知,并且会在评论区留下相关链接,但是有时候我们不想接收这样的通知,这时可以把WordPress的Pingback功能关闭,在本文中我们来教大家如...

    2022年10月24日 wordpress开发
    021
  • WordPress添加网站内容复制版权提示。

    在许多网站中,我们会发现如果复制器内容的话,会弹出一个窗口提示转载注明出处,这样就不会有人随意转载,今天就介绍下如何使用一段代码为Wordpress添加复制弹窗提示 首先将如下的代码中copyNoticeString的文字...

    2022年10月24日
    021
  • WordPress图片懒加载设置。

    WordPress网站中图片一直是优化的重点,除了要做好图像基本的优化外(比如图片裁切、图片压缩),还有一个关键点就是在网页中的优化,图片懒加载就是一个非常流行的方法,能够有效的提升网站速度,今天我们就教大家...

    2022年10月25日
    023

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息