2025 FlyingPress + FlyingCDN教程 – 实现网站秒开的最佳组合

2025 FlyingPress + FlyingCDN教程 - 实现网站秒开的最佳组合 – flyingpress flyingcdn tutorial

秒开网站应该是很多同学想要达到的效果吧?但是苦于不是程序员或者初学者经常找不到门道,反而网站速度越搞越慢。本文鸭老师就告诉大家一种非常简单又见效的方法:Flyingpress + Flying CDN,极速的内容交付,更高的缓存命中率,自动化图片优化等等。下面是视频教程

使用前是这样的

2025 FlyingPress + FlyingCDN教程 - 实现网站秒开的最佳组合 – flyingpress前
2025 FlyingPress + FlyingCDN教程 - 实现网站秒开的最佳组合 – flyingpress和flyingcdn前
2025 FlyingPress + FlyingCDN教程 - 实现网站秒开的最佳组合 –

使用之后

2025 FlyingPress + FlyingCDN教程 - 实现网站秒开的最佳组合 – flyingpress cdn 优化后

FlyingPress教程

进入Flyingpress官网购买并下载解压好插件,然后在安装插件的地方点击upload plugin,安装好启用就行了。

2025 FlyingPress + FlyingCDN教程 - 实现网站秒开的最佳组合 – flyingpress插件
2025 FlyingPress + FlyingCDN教程 - 实现网站秒开的最佳组合 – flyingpress

接下来点击setting进入配置页面。主界面的这几个按钮,清理页面,预加载缓存,清理和预加载页面缓存,清除所有缓存和预加载。一般在安装或者卸载或者重大更新后,可以点一下一键清除所有,更新缓存。

2025 FlyingPress + FlyingCDN教程 - 实现网站秒开的最佳组合 – flyingpress清除缓存的按钮

Cache页面。第一个登录缓存不需要,下面两个打勾,一个是自动预加载缓存,一个灵活预加载链接。

2025 FlyingPress + FlyingCDN教程 - 实现网站秒开的最佳组合 – flyingpress cache设置

CSS和JS这两块设置是网站速度的关键。新手可以直接按照以下设置。选择缩小和异步加载即可,这样不容易出现问题,兼容性好。有经验的可以选择remove,出现问题的话利用谷歌DEV工具排查那条CSS或者JS出问题,然后排除在移除或者延迟加载之外,这样更有效果,速度更快。设置好记得保存。

flyingpress css优化设置
2025 FlyingPress + FlyingCDN教程 - 实现网站秒开的最佳组合 – flyingpress css排除框

JS新手按以下设置。常有的外部网站链接或者JS如下。自己也可以一样利用谷歌DEV工具查看。熟手delay all然后排除出现问题的JS。

如果不清楚如何找外部链接或者JS,CSS,字体等的,可以查看WP Rocket使用教程,从预缓存开始看。

googletagmanager.com
google-analytics.com
googleoptimize.com
adsbygoogle.js
xfbml.customerchat.js
fbevents.js
widget.manychat.com
cookie-law-info
grecaptcha.execute
static.hotjar.com
hs-scripts.com
embed.tawk.to
disqus.com/embed.js
client.crisp.chat
matomo.js
usefathom.com
code.tidio.co
metomic.io
js.driftt.com
cdn.onesignal.com
clarity.ms

2025 FlyingPress + FlyingCDN教程 - 实现网站秒开的最佳组合 – flyingpress js优化功能
2025 FlyingPress + FlyingCDN教程 - 实现网站秒开的最佳组合 – flyingpress js排除框

Font字体,前面两勾勾上,下面预加载框,一样用DEV工具查看落地页或者首页有哪些字体,一般是woff结尾,链接添加到这个框里面。

2025 FlyingPress + FlyingCDN教程 - 实现网站秒开的最佳组合 – flyingpress字体设置

Image Setting:懒加载,按以下设置,注意,添加丢失的图片尺寸要勾,banner,logo要添加到排除懒加载的框里面,否则用户进入网页显示的都是白屏,数量最好选择2到4。

2025 FlyingPress + FlyingCDN教程 - 实现网站秒开的最佳组合 – flyingpress image setting

IFrames:两个都打勾,视频占位,改善用户体验。

2025 FlyingPress + FlyingCDN教程 - 实现网站秒开的最佳组合 – flyingpress iframes设置

CDN,其他的CDN可以按照框中格式填写,如果是Cloudflare就不用填写,Flyingcdn就选择相对应的填写API,保存就可以。强烈建议flyingcdn。

2025 FlyingPress + FlyingCDN教程 - 实现网站秒开的最佳组合 – flyingpress的cdn设置

Bloat设置,直接照抄下面的,如果有用perfmatters,重复的功能在perfmatters开启,这里关闭。

2025 FlyingPress + FlyingCDN教程 - 实现网站秒开的最佳组合 – flyingpress bloat设置按照以下设置

Database:数据库 设置,按每周每日清理都可以,如果更新比较慢就每周,比较快就每日。

2025 FlyingPress + FlyingCDN教程 - 实现网站秒开的最佳组合 – flyingpress 数据库设置

Advanced,高级功能,保持默认。

flyingpress高级功能设置
2025 FlyingPress + FlyingCDN教程 - 实现网站秒开的最佳组合 – flyingpress setting功能

Setting,主要填你购买的证书。

Flying CDN设置

输入Flyingcdn.com,进入官网,登录之后就会看到7天免费试用期,再点击add new site,把你的网站添加进去。服务器IP也要填。

2025 FlyingPress + FlyingCDN教程 - 实现网站秒开的最佳组合 – flyingcdn添加网站
2025 FlyingPress + FlyingCDN教程 - 实现网站秒开的最佳组合 – flyingcdn 服务器ip填写

更改DNS,点击网站旁边的view DNS,把你的记录改成一样的就行了。添加一个Cname记录,更新A记录。

如何更改呢?假如你是用cloudflare托管DNS,直接点击DNS,把你原来的A记录IP地址更改为flyingCDN给你的IP地址。

另外添加一个Cname记录,按它给你的name和content分别填入内容和值当中。

flyingcdn dns记录

改好之后还是等待验证。

2025 FlyingPress + FlyingCDN教程 - 实现网站秒开的最佳组合 – flyingcdn DNS改好

这时候就要复制旁边的API KEY到Flyingpress CDN的设置里面就好了。

2025 FlyingPress + FlyingCDN教程 - 实现网站秒开的最佳组合 – flyingcdn设置好
5/5 - (1 vote)

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注

滚动至顶部