挨踢路 - pjax
type: channel
link: https://itlu.net/tag/pjax/
items: InstantClick从测试到放弃
items: 停用InstantClick
items: 提升页面加载速度：InstantClick

InstantClick从测试到放弃
type: item
date: 2016-08-18T14:28:00+08:00
description: 再次测试InstantClick不可否认，InstantClick是可以解决页面快速加载的问题，通过JS进行预加载，在实际点击的时候就会更快的打开，通过浏览器也可以看到，鼠标hover的时候就已经在刷刷刷的加载。但有一点，不知道这样的预加载会不会很耗流量？没去测试这个问题。中午的时候测试了下，发现还是评论有BUG，而且是大BUG。第一次点到文章页面，提交评论，页面会刷新，但评论是提交不上去的。如果在评论之前，F5一次页面，就可以正常提交评论的。暂时我没办法解决，但Google搜索了下，发现有两篇很不错的文章：1、Typecho PJAX/AJAX 下评论丢失[...]

停用InstantClick
type: item
date: 2015-11-12T13:55:18+08:00
description: 用上InstantClick也就是几天的时间，本以为页面速度是快了，但随之而来的系列BUG太折腾了。1、InstantClick跟部分JQ代码的冲突如导致页面右下角的跟随失效，要按F5才能有效；点击返回顶部的代码也失效；2、InstantClick跟部分样式-webkit-scrollbar的冲突导致页面的滚动条小时，变成无滚动条，尽管页面很长，可以用鼠标滚动；3、InstantClick会导致onclick部分失效[...]

提升页面加载速度：InstantClick
type: item
date: 2015-11-05T12:53:10+08:00
description: 通常，我们为了减少DNS的查询时间，我们可以使用dns prefetch为该页面中链接的做解析，提升页面的加载速度。类似的，我们可以在鼠标滑到链接上到点击的时间间隙去加载这个页面，通常这个间隙有几百毫秒，利用InstantClick，我们可以充分利用这几百毫秒，让网站能够瞬间显示新页面，几乎没有延迟。InstantClick的安装安装InstantClick非常简单，只要把InstantClick下载过来放到某一个目录下，然后在 之前引用一下代码即可，例如： [...]