使用singlefile加快网页加载速度(速度非常恐怖)
前言
当你使用非大陆非中国优化路线的vps搭建博客或者别的网站时,主页的加载速度可能会慢的感人。我们可以通过
singlefile
来实现一个网页只加载单个html的状态,从而加快主页的加载速度。- 理论上你可以把所有的页面都静态化,但这样做的后果就是无法评论。所以我的最终方案是只静态化主页,每个一个小时自动更新,使得新的评论能在主页显示。
效果展示
恐不恐怖?
下面展示两种静态化方案
手动
- 安装
singlefile
扩展 - 点击
singlefile
的图标,下载静态页面 - 上传到网站根目录,并重命名为
index.html
自动
安装
docker
下载
singlefile cli
docker pull capsulecode/singlefile docker tag capsulecode/singlefile singlefile
添加
计划任务
设置定时一个小时(看情况定)
docker run singlefile "https://shuai.plus" > /www/wwwroot/shuai.plus/index.html docker rm $(docker ps -a | awk '/singlefile/ {print $1}')
其中第一行是
singlefile cli
的标准命令,将目标网站下载到指定目录里。保存结束后容器会自动停止。
第二行是docker的删除镜像指令,删除所有singlefile
的容器设置默认文档
设置成index.html
PS:
已经过去两个月了,香港服务器已经扔了(没钱),用了便宜的洛杉矶服务器,对速度已经没有任何追求了(不敢有了),就这样吧,先把内容做好了再说
暂无标签
现在基本上站点都html化了。
是的,可能未来我会换上hexo
真快
你的本应该比我的还快,因为你是国内线路。但不知道为什么你的等待响应时间太长了,整整800ms,不是主题的问题,我用过你的主题,响应时间也就160ms左右。我猜可能因为是你的vps或虚拟机开了额外的插件或验证导致响应时间过长的。如果解决了响应时间,你根本不需要这个插件。
纯主机不行而已,没啥其他
请问大佬,打开您的网站速度确实飞快,搜了下singlefile是浏览器插件,那如果是其他人没有安装这个插件,访问网页也会加快网页加载速度么?小白没太弄明白,wordpress安装了静态插件还能再使用这个加速么?
可能是我没说清楚。
1. singlefile的作用只是把一个网页打包成单独的html给你,浏览器扩展是你点一下给你下载当前网站的html。我们做的是把这个html放在我们网站的根目录,每当用户访问我们网站时,服务器就会把那个html甩给用户(如果没有html的话,服务器会先把php转换成html,包括渲染啊数据库读取啊等等,所以耗时间),你现在所见到的网页就是html,所以就不需要额外的计算啥的,直接加载,所以访问很快。
2. wp的静态插件是把php预加载成html(不包括资源),但是其他的css,js,图片等资源还是要一个一个加载的,当然这需要资源排队,需要消耗额外的时间。但singlefile是把所有的资源塞进html里面(图片也是,通过base64编译成字符),访问时只加载一个html。给你两个方案:1.如果你的网站评论很多,且你需要别人的评论,那就只把主页和不需要评论的页面静态化(像我一样),其他就用wp插件预静态(如果你会用筛选规则的话)。2.如果完全不需要评论,那就把整个网站静态化,手动一个一个静态化,然后放在根目录对应的位置上(麻烦)。
3. 用户当然不需要这个插件,用户只是访问了你已经创建好的html而已。
我看了你的网站,你犯了一个非常大的错误:WP+CF,我的建议是把cf去掉,一个相册网站没人会打你,wp已经够慢了,不能套cf。建议换成typecho,如果你还是想用wp,我这个方法不适合你,因为你的页面太多了,一个一个手动换静态的话有点麻烦。但我有个针对wp更好的方法,篇幅有点长,加我qq:2327005759
很意外博主会这样认真的回复一个小白的评论,而且还讲解的非常浅显易懂。感动~~~
我在看过您的文章后,搜索尝试了安装插件,起初没明白原理,最后搞清楚了,也按照您的文章步骤生成单一的HTML文件,可是结果是不用singlefile插件直接用WP的静态插件,生成后加载全部文件才100KB,singlefile插件生成单文件却达到了接近400KB,而且还丢失了很多网页特效,所以感觉对于我的小站这办法有点负优化了。我之前也用过各种博客程序,最终选了WP,还是看重插件和主题多罢了。博主最后提醒我的别用CF,其实也是没办法之举,CF虽然在国内用是减速的,但我的小站是14年买的老薛主机的最低档美国空间,以前没套CF,博客常常被境外大量IP扫描,好几次不知道是被挂马还是啥的,无缘无故被老薛那边直接清空网站数据。不过那么多年下来,我也一点一滴在学习,现在已经没出现过问题了。QQ很久很久没用过了,不知道能不能通过QQ号加你微信,最近我看到了一个博主做的公益CDN,我只想给小站图片加速,还不太会用,地址是这个https://blog.tanglu.me/blogcdn/
博主您要是不忙有空帮忙看看需要怎么设置,还有我看到您在凌晨1点多还在回复评论消息,最后还是希望您注意休息保重身体,尽量少熬夜啊。
互相学习,没有小不小白的,加我微信吧。
泰裤辣!!