优化自己的博客

发布于 2020-11-14  320 次阅读


优化博客有一个大前提

一切以给博文的读者提供优质的内容和更佳的阅读体验为主

要做到这一点,有两个点:博文质量过硬、网站响应加载速度快。后者做不好就是个硬伤,要尽量避免。

WP主题代码优化的必要性

  • 使用WP建站相当容易,除了一些个人需要基本不需要写什么代码,WP的生态非常完善,主题/插件系统很成熟,较hexo,typecho小白更容易上手,大佬的许多要求使用插件都能实现。但方便的同时也致使了WP程序很臃肿,导致页面打开加载缓慢,一些个人的魔改很可能导致这个问题更加明显。WP优化的核心在于:代码能少则少,能用代码解决的问题就不用插件,移动端越简洁越好,因为移动端的浏览器性能不及PC,界面还小,以提高网站的加载速度为核心!网站加载时间越短越好。(排版,兼容等后考虑)
  • 网站打开速度太慢,有可能被降权的事 小,消耗掉读者读博文的耐心事大。你肯定不喜欢买的快递几个月后才送到你手上吧!

优化建议

博客(页面)的打开速度越快越好

  • js和css的合并分离:很多网站的所有js和css代码,都是写在一个文件里面的,这样虽然方便了管理,但是会导致页面加载的时候,需要加载很多不必要的代码,导致时间加长。解决方法就是除非需要全局加载的CSS和JS,其他的每个页面独有的CSS和JS都依次放在单独的文件中,然后在需要的地方引入,这样就可以大大提高网站的加载速度了。没有多余的代码,自然加载速度可以优化到最快。
  • header优化:查看一下自己网站的header标签,是否有一大堆不知道什么用的meta标签?一大堆乱七八糟的链接和注释,甚至引用了其他网站的文件,而且只要你的代码中引用了文件,那么浏览器就会去加载完这些文件才会继续执行之后的代码。如果引用的文件丢失了,那么浏览器会花费大量时间去等待它们的响应,所以去检查下你的header标签,把不必要的精简掉吧,有些美化需要引用很多JS和CSS让你放在header里,所以少用点吧。
  • 站点上的图片必须压缩(或使用webp格式图片)或者使用外链,图片是最影响页面页面加载速度了,博主的博客图片较多,针对这种情况,我使用了图片预加载。个人博客推荐使用Jsdelivr + Github + PicGo,有钱的话腾讯云或者阿里云的OSS,记得开防盗链,小心房子没了。不推荐那些免费的小众图床,毕竟数据无价。
  • 博客不是个人主页,灵魂是文章,你的关注点应该是文章的质量,使用太多的美化样式也会减缓浏览器的加载速度,甚至影响正常的阅读体验。试问你的博客搞的花里胡哨臃肿不堪,虽然好看但是加载需要5S的时间而且毫无实质性内容,你觉得能有多少人高兴每天看你博客。
  • WordPress安装缓存插件,例如 WordPress Super Cache,本站用的 WordPress Super Cache,配置简单,网上一大堆教程不再叙述。
  • 合理的归档必不可少,减小找到一篇文章的时间,一些博客都没有搜索功能,找一篇文章有时感觉就是在大海捞针。
  • PHP启用opcache模块。
  • Nginx启用gzip压缩,静态资源缓存时间设置为最大;
  • 删除不必要的插件。开启的插件越多,后端PHP的负担越大,自然响应就更慢。
  • 使用CDN加速
  • 更好的主机

杂项优化建议

  • 强烈建议不要使用看板娘,虽然很可爱QAQ
  • 手机上的音乐播放器不要打开。
  • 音乐不建议开启自动播放,有记忆播放的另说。
  • 合理的字体与大小。
  • 不设置背景图片。

参考:我的一些关于WP博客优化&SEO