上面,具体各项元素访问时间看可以看连接。优化前大概访问时间是八秒的样子(忘记截图了)
图片
首先第一点,图片使用的是阿里云的 OSS
。 虽然阿里云的 OSS
很早之前就有在使用了,但那个只是作为 markdown
的图床。然后这次,我使用阿里云 OSS
这个插件(名字就叫阿里云 OSS
)把媒体库迁移到了阿里云,主要是文章的特色图片。
比起以前直接存放到服务器,很明显效率高了很多。
然后就是对图片的压缩,没压缩之前大概是2,3M 一个(我都在 Unsplash
下载的原图),压缩后大概都2,300K一个?显然网页的大小缩小了很多。
最后就是 JetPack
中有个图片延后加载,然后每次只需要加载一个封面图片和头像就可以了,其他图片在你滑动的时候才会加载。
JS 和 CSS
这个到没怎么调整,主要还是压缩了下代码。
那个 Style.css
好像压缩后无法使用。。。还是放弃了(反正提示不大)
其他
使用Disable Feeds
插件,关闭了 feed
,大概提升了将近0.6秒
关闭 wp_json
:
remove_action( 'wp_head', 'rest_output_link_wp_head', 10 );
remove_action( 'wp_head', 'wp_oembed_add_discovery_links', 10 );
使用 WP Super Cache
插件,仅开启了推荐参数