使用Pjax可以在不刷新整个页面的情况下加载新的内容,它利用 AJAX(XmlHttpRequest)和 pushState() 来提供网站的交互性和响应速度,从而提升流畅的浏览体验。Pjax和我使用的instant.page类似,都是为了提升用户体验,让页面更顺滑且加快一定的响应速度,两者并不冲突,可以共存。Typecho中,有很多主题都集成了Pjax无刷新功能,例如迷你日志、handso...
Typecho博客引入Pjax无刷新页面的两种方式
开启AVIF图片格式,助力typecho图片加载速度更快一步
今日,在张洪大佬《实现全站图片使用avif格式,替代臃肿的webp教程》一文中学习并认识到了AVIF这个图片格式。这个格式相较于传统的jpg、png甚至webp等都具有很大的优势,唯一小遗憾就是有些许浏览器或者手机端不支持。但,无所畏惧。喜欢折腾和动手的我,准备开启博客的avif之旅。什么是AVIF?AVIF是一种基于AV1视频编码的新图像格式,相对于JPEG、WebP等图片格式压缩率更高,...
Typecho主题模板:SimText列表主题,真正的又快又简单
SimText是一款非常简洁的文章列表主题,适合资讯列表类类目。主题源自 TypechoWiKi,作者是站主本人。这款主题对于SEO还是比较友好的,且结构简单,在默认主题的基础上创作的,视觉效果也比较ok。作者是开放这款主题的版权的,但不提供下载。所以本着喜欢且开源的原则,我进行了二次创作。▲SimText列表主题Lighthouse检测比较不错,手机端和电脑端都几乎是满分。主题首页请求只有...
版本环境升级到PHP8.3.7引发主题的一些错误以及解决方案
PHP 8.3通过引入Just-in-Time(JIT)编译器和新语法特性如new static()和match表达式,显著提升了执行速度和代码的简洁性,为开发高性能、高并发的Web应用程序带来了重大意义。我上一个主题一直使用的是PHP8.3,但更换主题后因为适配问题,所以还是沿用的php7.4。因为PHP8.3对于非专业作业人员来讲,其提升的性能和好处肉眼不可见,但作为一个喜欢折腾的我来说...
Typecho页面速度优化,全站实行动静分离
Typecho已经很轻量了,主题也很简约了,但我还是嫌弃不够好,于是动手开始折腾。减去首页请求数目前只保留了必要的CSS文件和图标文件,首页请求数在60+,并且大部分是鸿蒙字体的CSS加载请求。减去了jquery工具库的请求,虽然主题描述pjax无刷新和图片Lazyload能为页面带来加载速度和减少网络拥堵,但为了首页渲染更快,我还是减去了。CSS、js、图片等文件使用CDN所谓的动静分离,...
为Typecho制作霞鹜文楷字体压缩版附woff2格式
最近,一直在研究如何为Typecho更换一个好看的字体,尝试了oppo Sans 、HarmonyOS Sans这些字体后,感觉都不是特别的理想。直到遇见了 LXGW WenKai GB / 霞鹜文楷 GB ,一款由@霞鹜lxgw [B站]制作的非常漂亮的美观的开源字体。作者提供的版本是TTF格式,如果直接转换成woff2格式,也还有约8MB大小,别说放在服务器加载了,即使放在CDN加...