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



使用之后

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


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

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

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


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


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

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

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

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

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

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

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


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


更改DNS,点击网站旁边的view DNS,把你的记录改成一样的就行了。添加一个Cname记录,更新A记录。
如何更改呢?假如你是用cloudflare托管DNS,直接点击DNS,把你原来的A记录IP地址更改为flyingCDN给你的IP地址。
另外添加一个Cname记录,按它给你的name和content分别填入内容和值当中。

改好之后还是等待验证。

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

相关文章
外链怎么做?外部链接全攻略(附200条免费外链资源)
Ahrefs 教程:流量分析、关键词研究与外链挖掘实操指南(含视频)
Rank Math教程:WordPress SEO插件实操视频(含PRO详解)
Elementor教程:Hello Elementor外贸建站全流程
宝塔面板安装教程与使用指南(图文)
WordPress网站速度优化教程:双端测速100分
WP Fastest Cache教程 – 提升WordPress页面加载速度
SEO站内优化是什么?如何做好网站站内优化