乐云主机笔记

  • 首页
  • 主机优惠
  • 学习记录
  • 新手教程
  • 自用主机
  • 资源下载
  • 网赚项目
  • 其他
  • pingtest

  1. 首页
  2. 其他
  3. 正文

【试验有效】使用quicklink加速你的WordPress网站

2020年3月29日 899点热度 0人点赞 0条评论

谷歌开源quicklink:可大幅提升网页加载速度,quicklink可以在空闲时预加载viewport内的链接,加速后续页面加载。

配置方法:

使用 wp_enqueue_script() 注册quicklink js。需要在 WordPress主题 functions中插入:

/**
* quicklink
* https://github.com/GoogleChromeLabs/quicklink.
*/
wp_enqueue_script( 'quicklink', 'https://cdnjs.cloudflare.com/ajax/libs/quicklink/2.0.0-alpha/quicklink.umd.js', array(), null, true );

在主题的页面底部(一般是footer.php)body结束标签前面加入js:

<script src="https://cdnjs.cloudflare.com/ajax/libs/quicklink/2.0.0-alpha/quicklink.umd.js"></script>
<script>
window.addEventListener('load', () => {
  quicklink.listen();
});
</script>
<script>quicklink();</script>
关于quicklink:

据介绍,quicklink旨在成为根据用户viewport中的链接预取内容的简易解决方案,并保持很小的体积(压缩后小于1KB)。GitHub页面上的说明显示,quicklink加速后续页面加载速度的原理如下:

  • 检测viewport中的链接(使用Intersection Observer)
  • 等待浏览器空闲(使用requestIdleCallback)
  • 检查用户的连接速度(使用navigator.connection.effectiveType)或者是否启用了data-saver(使用navigator.connection.saveData);
  • 预取链接(使用或XHR),可以控制请求优先级(如果支持,可以切换到fetch())。

若你对此感兴趣,可点此前往GitHub进行了解。

标签: 暂无
最后更新:2020年3月29日

letvps

这个人很懒,什么都没留下

打赏 点赞
< 上一篇
下一篇 >

文章评论

razz evil exclaim smile redface biggrin eek confused idea lol mad twisted rolleyes wink cool arrow neutral cry mrgreen drooling persevering
取消回复

分类
  • 主机优惠
  • 其他
  • 域名优惠
  • 学习记录
  • 新手教程
  • 网赚项目
  • 脚本源码
  • 自用主机
  • 资源下载
书签
  • AdvinServers.com
  • 猫云云计算

COPYRIGHT © 2021 Letcloud.cn. ALL RIGHTS RESERVED.

Theme Kratos Made By Seaton Jiang

粤ICP备15031609号-3