首页    >    插件下载    >   FlyingPress插件使用教程:WordPress轻量级速度优化插件

FlyingPress插件使用教程:WordPress轻量级速度优化插件

FlyingPress插件是一款性能优化WordPress插件,它的主要功能包括智能缓存、静态文件压缩、CSS/JS优化和图片延迟加载等功能。如果将其与FlyingCDN服务结合起来,它还可以提供由70多个PoP组成的全球网络提供的实时图像优化服务。本文为大家整理了FlyingPress插件安装使用教程,该插件将应用许多安全的默认设置,这些设置应该适用于绝大多数网站。

官网:点击进入

一、FlyingPress插件仪表盘

FlyingPress插件使用教程

FlyingPress插件仪表盘主要功能用来快速清理缓存和预加载缓存,左上角显示已缓存的页面数,下方快捷操作分别是:

  • Purge pages(清除页面):一键清除FlyingPress产生的所有页面缓存。
  • PreloadCache(预加载缓存):在不清除现有页面缓存的情况下,生成新的缓存。
  • PurgePagesandpreload(清除页面并预加载):一键清除所有页面缓存并重新生成缓存。
  • Purge everything and preload(清除所有并预加载):一键清除所有静态内容(HTML页面和cSS/JS文件等静态内容)的缓存并重新生成缓存。
  • FlyingCDN(FlyingPress家的CDN):点击可以跳转到FlyingCDN官网,可以进行注册。

二、FlyingPress插件Cache缓存设置

FlyingPress插件Cache缓存设置

1、Cachelogged inusers(缓存登录用户)

选择性开启,开启后会为登录用户生成单独的缓存(预加载的时候不会生成已登录用户缓存),官方的说法是:每个已登录用户角色都会有专属的缓存内容。这也就意味着相同角色的用户会共用相同的缓存,提高了缓存效率,所以如果你网站某些页面展示了用户的个人信息,需要排除这些页面的缓存(在高级设置里排除)。

2、Automaticallypreloadcache(自动预加载缓存)

开启,修改或者调整某些设置的时候自动预加载缓存。

3、Smartlinkpreloading(智能链接预加载)

开启,用户鼠标移动到某个链接上的时候就预加载对应链接的内容,可以在打开该页面的时候更快。

三、FlyingPress 插件CSS优化设置

FlyingPress 插件CSS优化设置

  • MinifyCSS(压缩CSS):开启,通过去掉空白行、注释代码,压缩CSS文件的大小。
  • Remove unusedCSs(移除未使用的css):开启,把页面要用到的关键的css提取出来,剔除剩下未使用的csS。
  • Load unused Css(加载未使用的css):On user interaction,在用户交互(移动鼠标、点击)的时候才加载未使用的CSS。
  • Excludestylesheets(排除样式表):有时候插件可能误判把一些CSS给当成未使用的给移除了,可以在这个框里添加需要排除的CSS文件URL,一行一个。
  • Includeselectors(排除选择器):通过填写页面里某个元素的css选择器(类名、ID)去排除对应的csS。

四、FlyingPress插件JavaScript优化设置

FlyingPress插件JavaScript优化设置

JavaScript部分包含优化网站,将有助于减少首次输入延迟(FID)或总阻塞时间(TBT),这将处理Google PageSpeed Insights 和 GTMetrix中的许多速度建议,帮助通过了Core Web Vitals。

1、Minify JavaScript缩小JavaScript

会通过删除JS文件中所有不必要的字符(例如空格、空行和注释)来提高站点的加载速度。保存此选项后,刷新站点并确保一切看起来都还不错。

2、Preload Links预加载链接

启用此选项将改善浏览您网站的用户的页面加载时间。如果访客悬停到链接,该页面将开始在后台获取。当用户点击链接时,页面将立即加载。

3、Defer JavaScript延迟JavaScript

FlyingPress插件中的“延迟JavaScript”设置。有助于显着降低Core Web Vitals的首次输入延迟(FID)或总阻塞时间(TBT)时间。建议在网站的页脚中加载JavaScript文件或延迟它们,以免它们阻止网站上其他资产的下载,从而减慢速度。启用此选项将使用defer属性加载您网站上的每个JS文件。如果发现此选项因脚本有问题而导致站点出现bug,可以使用“Exclude Scripts from Defer”框来指定应从延迟中排除的脚本。

4、Defer Inline JavaScript延迟内联JavaScript

内联JavaScript是立即执行的脚本。当启用“延迟JavaScript”设置时,一些内联脚本可能会引发错误。因此,还应该启用“Defer Inline JavaScript”设置,它将内联脚本也转换为延迟加载。

5、Exclude Scripts from Defer从延迟中排除脚本

可以指定要从延迟中排除的脚本。当启用“Defer JavaScript”设置时,每个脚本都可能无法使用其上的defer属性。如果需要排除某个脚本获取defer属性,可以添加该脚本的URL或与script标签匹配的关键字。

6、Load Scripts on User Interaction在用户交互时加载脚本

FlyingPress中的用户交互加载脚本功能是可能会将您网站的加载时间增加几秒钟。Load Scripts on User Interaction通过仅在存在用户交互(例如鼠标移动、键盘输入、滚动、触摸移动屏幕等)时加载和执行指定的脚本来提高性能。

启用此功能可以大大改善Google PageSpeed Insights中的许多速度建议,如果网站有大量需要加载的资源密集型脚本(例如Google Analytics、AdSense、聊天插件、Gravatars、FacebookPixel、YouTube嵌入和社交等第三方脚本),此功能为网站提供巨大的速度提升)。

五、FlyingPress 插件字体设置

FlyingPress 插件字体设置

1、Optimize Google Fonts优化谷歌字体

如果在网站上使用Google字体,当您启用优化Google字体设置时,FlyingPress插件将:合并页面上的所有Google字体以减少HTTP请求、自托管Google字体(下载并保存在本地字体)和内联Google字体CSS。注意:FlyingPress无法优化由外部JavaScript文件(例如reCAPTCHA)注入的Google字体。

2、Display Fallback Fonts显示后备字体

如果网站使用系统字体,那么不需要做任何事情,因为系统字体不需要后备字体。当使用Google字体等外部字体时,Google字体在完全加载之前不会显示。在FlyingPress中启用“显示后备字体”后,网站将向用户显示系统字体,直到Google字体准备好,才会替换显示。

3、Preload Fonts预加载字体

FlyingPress“Preload Fonts预加载字体”告诉浏览器开始下载字体,否则会等很久,通常是CSS文件中引用字体。

六、FlyingPress 插件图像优化

FlyingPress插件图像优化

  • LazyloadImages(延迟加载图片):开启,按需求加载屏幕外的图片,当页面滚动到对应图片的时候再加载。
  • Excludeabove-fold images(排除顶部的图片):选2或3就行(主要是排除首屏的logo和banner),如果排除延迟加载的图片多了,速度优化也就不明显了。
  • Excludeimages(排除图片):如果你还想让某些图片排除延迟加载,就在这个框里填写对应图片的URL。
  • Add responsive images(添加响应式图片):开启,根据页面调整合适的图片大小。
  • Add missing width and height(添加缺失的宽高):开启,如果图片加载失败,也在图片区域添加一个对应图片宽高的块,避免影响页面布局。
  • Host Gravatar images locally(本地托管Gravatar图像):按需开启,Gravatar是全球通用头像平台,如果你网站有登录功能,可以开启。
  • Preloadcriticalimages(预加载关键图片):开启,预加载首屏渲染要用的图片。

七、FlyingPress 插件iFrame设置

FlyingPress插件iFrame设置

1、延迟加载iFrame

iFrame允许通过HTML文档将来自外部资源的内容嵌入到您的页面中。一些流行的示例包括在您的网站上嵌入YouTube视频、谷歌地图、Twitter帖子或Spotify播放列表。

2、为YouTube iFrame使用占位符图像

将网站上嵌入的YouTube视频替换为占位符图像。YouTube视频只会在用户点击您的视频时加载。对于嵌入了YouTube视频的页面或博客文章,将有助于大幅减少页面加载时间和初始页面加载的请求。

八、FlyingPress 插件CDN设置

FlyingPress插件CDN设置

CDN是一个内容交付网络,是许多分布在世界各地的服务器,它们协同工作,为用户提供快速的内容交付,无论用户身在何处。在开启CDN前,需要到FlyingPress自家的FlyingCDN(点击GetFlyingCDN)网站注册账号并添加站点后,会生成对应的秘钥,勾选后填写秘钥即可。

九、FlyingPress 插件数据库优化

FlyingPress插件数据库优化

FlyingPress数据库部分允许您清理数据库,还可以选择安排自动清理,这将优化您的站点并减少数据库膨胀。

发布修订——正式发布帖子或页面后,修订是保存的帖子或页面的旧版本
发布自动草稿——当创建或编辑帖子或页面时,自动草稿会保存您的内容
已删除的帖子——是已删除并放入垃圾箱的帖子。
垃圾评论——评论被标记为垃圾邮件,由插件或手动标记。
已删除评论——评论已被删除并放入垃圾箱。
ExpiredTransients——Transients是由插件创建的临时选项。它们可以安全移除。
所有瞬态——瞬态是由插件创建的临时选项,可以安全删除。
优化表——将优化数据库中的表,使它们高效运行而不会出现任何膨胀。
自动清理——可以在此处选择FlyingPress清理和优化数据库的频率。建议选择“每周”优化。

分类:插件下载

标签:,

* 版权声明:作者WordPress啦! 转载请注明出处。