iframe懒加载_wordpress网站视频和图片懒加载插件的对比与使用 a3 Lazy Load

news/2024/5/20 8:36:23/文章来源:https://blog.csdn.net/weixin_35651578/article/details/112234412

都说wordpress网站速度慢,三人成虎,养虎为患,今天就推荐个使wordpress网站提速度的插件。

特别是图片或者视频较多的站,用个懒加载插件将大大减少一时的http(s)请求、减少服务器端压力,使服务器按需加载。

对于用户体验,懒加载仅在用户可见时(滚动到图片/视频/iframe)才在页面上显示图像和视频或iframe

下面我来看看wordpress里的搜索结果:

05de984cfde0dc4018484f07b36dceee.png

这四个插件我都安装测试过了,其中Smush、Imageoptimization广告和多余的功能太多,这里就不展开了;我们这次wordpress插件推荐主要是针对懒加载这个功能。

其他的功能不看,比如这两个插件中有图片优化、图片压缩的功能,甚至提供CDN功能;但我们用上这些功能的几率不大。如果需要,直接装个国内CDN插件就能解决。

最后WP迷选择了两款插件来给大家介绍。

Lazy Load

之所以选中这款,是因为它们功能足够单一、没有什么多余的功能,而且使用也方便;即使不太懂英文也能轻松上手。

先看看这个插件的设置:

a0a4f333fc3adfc3ac4c6d8a6aca63fd.png

插件是英文的,只要在我标注的地方选中就可以了。上图只选中了图片,意思就是只对图片懒加载。

a3 Lazy Load

这款插件的功能齐全。可以轻松定义哪些元素延迟加载,以及何时在用户浏览器中可见。

下面我来数一数这个插件的功能:

  • 支持水平滚动,可以在容器里进行水平滚动时懒加载。

  • 视频懒加载

  • iframe懒加载

  • 内置对WordPress AMP插件的自动支持

  • 内置对Better AMP插件的支持

  • 兼容JETPACK站点加速器(光子)

  • 支持WEBP图像懒加载

  • 三种延时加载效果

  • 可以在wp_footer()里加载插件js脚本

  • JAVASCIPT禁用后退,如果用户在浏览器中关闭了JavaScript,则该插件会内置Noscript后备功能。使用underscore.js的开发人员可以使用Noscript参数从Lazy Load中排除其插件内容。

  • 支持WordPress多站点

  • 支持支持jQueryMobile框架

对于其他插件,a3 Lazy Load也做了兼容,官方测试可以兼容的插件有

  • Plugin – Advanced Custom Fields (Free and Premium) 高级自定义字段(免费和高级)

  • Plugin – WooCommerce

  • Plugin – JetPack

  • Plugin – Elementor (Free and Pro) 元素生成器(免费和专业版)

  • Plugin – WP Offload

  • Plugin – WP Super Cache, W3 Total Cache, Autoptimize

  • Plugin – Youtube Embed

  • Plugin – WordPress AMP

  • Plugin – WPTouch. 如果已安装WPTouch,则设置为不适用于手机

  • Plugin – MobilePress – 如果安装了MobilePress,则设置为不适用于手机

  • WebP Plugins – Smush, EWWW Image Optimizer, Imagify, WebP Express

  • Plugins – 不会与任何内置延迟加载的插件冲突

  • CDN – JetPack Accelerator, Cloudfront, Cloudflare 和所有其他已知的CDN架构。

功能介绍完了,我们来看看这个插件的设置选项:

37756214cae694b08ee7117c90bbae24.png

可谓是细致入微了。

可惜的是该插件没有中文版,设置选项都是英文的。我搜了一下,没发现这个插件的中文版,WP迷有时间就会翻译下,可不定期来此页面(微信上的朋友可点击

插件下载

可在wordpress网站后台搜索安装,也可点击“阅读原文”去WordPress迷(www.wordpressmi.com)下载,之后上传安装。

1b8bcf05fa7c55cfecd5d8e2596e906e.png

c31f28f06c6d28028bcb2d2dc6389e8c.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_810303.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

php教育网站设计案例_UI设计素材模板|设计良好的教育网站:3个快捷技巧

拥有一个高质量的学校网站比以往任何时候都更重要。优秀的UI设计素材模板,帮助设计师和管理人员建立最好的教育网站。从成功的设计中寻找灵感!3个快捷技巧1. 使用教育专用的网站构建器首先,用专门教育内容管理系统(CMS)来制作学校网站是个好主…

服务器内部移动文件速度慢,网站打开速度慢的原因分析已经解决排查方案(实用大全)...

72018/7网站打开速度慢的原因分析已经解决排查方案(实用大全)飞鸟哥上百个案例,3天整理,实证案例,全面,实用!假如你是网站提供者,或者网站运营者看下文本给你专业全面的经验。飞鸟哥,根据10年经验&#xff…

秒杀全网!研发、运营必备实用工具网站

目录 1、搜索引擎 2、PPT 3、图片操作 4、文件共享 5、招聘求职 6、程序员面试题库 7、办公、开发软件 8、高清图片、视频素材网站 9、项目开源 10、算法 11、在线工具宝典大全 12、音乐 13、神辅助工具 14、语音处理 15、大数据 16、电子书 程序员开发需要具…

【织梦插件】xenu软件-网站url和死链提取工具免费下载

软件名称xenu软件作用网站网址提取工具适宜人群SEO网址http://www.jingdouwang.cn/zygx/wzcj/278.html 软件简介: Xenu Link Sleuth 可能是你所见功能最强大的网站死链接查询的软件了。使用方法简单,仅需要输入网站URL就可以完成死链查询。用户可直接查看…

IIS部署,发布网站

因项目需要,正在学习如何部署IIS服务,发布网站,将遇到的问题记录下。 一、IIS部署 1.打开控制面板,选择 ‘程序’ 2.程序和功能下,选择打开或关闭Windows功能 3.等待加载,选择Internet信息服务&#xff0…

网站业务架构演变过程

有一天,我突发奇想创建了一个站点,基于LNMP架构,起初只有我自己访问,后来因为我点儿正,访问量越来越大,所以最终导致下面的架构演变。1. 单台机器因为只是一个小站,访问量一天也没有多少uv&…

做网站服务器e3,用e3做游戏服务器

用e3做游戏服务器 内容精选换一换下面以CentOS 6.9 (x86_64)操作系统为例,举例介绍裸金属服务器增强高速网卡的配置方法。RedHat系列、Oracle Linux系列、Euler系列及CentOS系列操作系统的配置方法类似。以“root”用户,使用密钥或密码登录裸金属服务器。…

Python+Flask+MysqL的web建设技术开发一个网站

一、摘要 flask是一个很精简,灵活的框架,对于web的开发非常的好,具有jinja2强大的模板引擎的支持。flask框架的一个扩展就是sqlalchemy, sqlalcheny是flask的一个扩展。sqlalcheny是一个强大的关系型数据库框架,它是一个框架&…

MCSE笔记 第四章 IIS网站架设

以前大学时候上过网络操作系统这门课程,当时用的是Windows 2003弄的IIS,工作中接触过2008、2003系统搭建的IIS,都不太熟悉,最近看的戴有炜老师的2012网络管理与架站,整理一下IIS章节的笔记。大致内容如上图所示:1.安装…

网站规划通识:原型图绘制的一些注意事项

本文来自网易云社区作者:林玮园 雷火游戏部 网站组基本概念: 一、什么叫原型图?用线条、图形描绘出产品/专题的框架,即为原型,也可称线框图。原型图的输出可根据质量,大致分为低保真、中保真、高保真原型图…

客户网站被挂马的分析

打开网站,查看 源代码 ,查找<iframe 标签 就会找到在这段框架:<iframe src"http://www.fengyajade.com/jiaozhu.htm" name"zhu" width"0" height"0" frameborder"0">这就是 打开网站为什么,杀毒软件提示有木马的原…

实现域名访问网站—nginx反向代理

今天在跟项目的时候&#xff0c;上午被耍了三个多小时&#xff0c;最后在我准备好材料准备他人求助的时候&#xff0c;在收集材料的时候&#xff0c;居然访问通了&#xff0c; 别问我为什么&#xff0c;我也不知道 &#xff0c;哈哈哈哈&#xff08;苦逼脸...&#xff09; 分享…

如何构建安全的电子商务网站

摘 要 本文总结了电子商务对安全性的要求&#xff0c;介绍了构成一个安全的电子商务系统的框架。介绍了安全通信协议SSL和SET&#xff0c;分析了其优缺点。最后&#xff0c;给出一个例子来指导如何建立一个基于SSL的安全网站。关键词 电子商务 PKI SSL TLS一、电子商务安…

企业网站制作之PageAdmin自助建站系统

企业网站现在已经是网络营销的标配&#xff0c;目前制作一个企业的网站&#xff0c;要么找网站制作公司&#xff0c;要么下载网站管理系统自己搭建&#xff0c;找网站公司的优点是&#xff1a;省心;缺点&#xff1a;后期维护和扩展都需要借助网站公司实现&#xff0c;完全依靠网…

[JavaScript]给自己的网站添加简单文本日志

1.用于记录日志的文件 log.asp&#xff0c;另外需要建立一个用于保存日志文件的文件夹logs。log.asp文件的代码如下&#xff1a; <script language"javascript"runat"server">varfso newActiveXObject("Scripting.FileSystemObject");vard…

视频网站上线测试了

要做视频网站的决心是在一次无意中的观看优酷视频得来的&#xff0c;因为当时学过nodejs的爬虫&#xff0c;所以对于优酷开放外链的行为感到高兴&#xff0c;因为这样子就代表我能够将优酷里面的大多数视频都爬下来&#xff0c;然后就可以做一个视频的网站了。就是这股劲&#…

局域网内的网站访问

在使用虚拟机的情况下&#xff0c;我在虚拟机上安装好了Apache后&#xff0c;httpd.conf里面也配置好了虚拟主机&#xff0c;如下&#xff1a; <VirtualHost 192.168.0.117>DocumentRoot "/var/www/html/"ServerName 192.168.0.117 #DirectoryIndex index…

SEO优化

Description转载于:https://www.cnblogs.com/tianlai/p/4901491.html

网站的防盗链与反盗链的那点事

网站的防盗链与反盗链的那点事 最近帮朋友做一数据采集器&#xff0c;将A网站上的数据自动采集到B网站上&#xff0c;在做的过程中遇到网站的盗链问题。很不幸的出现下列的画面&#xff1a; 很不幸我们采集数据的网站设置了防盗链机制&#xff0c;遇到问题就要解决&#xff0c;…

新手入门推荐的几个自学网站,让你走上人生巅峰

在很多外界人看来&#xff0c;程序猿是一个非常不错的选择。那么有不错的选择为什么不去试试呢&#xff1f;今天就为大家推荐几个不错的自学网站。 一、文字型 -> W3Cschool 、菜鸟教程 两个网站都是新手入门不错的学习网站。它基本包含我们入门学习的一些语言介绍、软件安…