一段时间以来,人们都知道"快速导航"很容易为http://example.com/#1-->http://example.com/#2.
然而,有一种新的技术。它可以在http://example.com/1-->http://example.com/2.
示例:http://rageslide.com/
正如您在示例中看到的http://rageslide.com/1和http://rageslide.com/2等等,显然不会迫使整个网站重新加载
我也想为我的网站做同样的事情,但我不知道该怎么做。我的网站提供的所有页面都是动态的(通过PHP和MYSQL)。
我有这样的想法:
- 缓存生成的页面输出(http://example.com/2)持续60秒
- 当用户打开时http://example.com/1预加载(http://example.com/2)通过Javascript
- 用户导航自http://example.com/1到http://example.com/2.由于内容是预先加载和缓存的,因此内容将立即提供给用户
不同的想法:
- 不知怎么的,http://example.com/1被解释为http://example.com/content.php#1通过.htaccess。但我不知道这是否可能
这行得通吗?或者,解决这个问题的最佳方法是什么?
不,您在那里看到的url没有用于加载另一个页面。网站中包含的javascript代码中有AJAX请求,这些请求加载新内容以显示和更新URL栏。
你可以在这篇文章中以及在过去提出的以下问题中阅读更多关于它的信息:
修改URL而不重新加载页面
使用新URL更新地址栏,无需哈希或重新加载页面
我能想到两种你可以尝试的方法。
首先,简单地使用iframe加载每个页面的下一页和上一页,当有人滑动到下一页时,使用ajax或任何其他html元素将下一页加载到新的iframe或div。
另一种是使用rel
属性,下面对此进行解释
希望这能帮助你摆脱
通过让浏览器缓存预期的导航点资源,您可以在不编写任何脚本或降低网站性能的情况下非常接近
要缓存图像,请在身体末端放置假人<img .... height="0" width="0">
对于页面<link rel=”prefetch” href=”url” />
对于幻灯片查看器类型的页面,下一页和上一页也有一个rel属性
注意:url可以是javascript资源
注意2:转换可能比从javascript动态填充稍微不干净,尤其是在较大的复杂页面上,但在关闭noscript或javascript的情况下仍然可以工作,所以可能是一个很好的后备