利用HTML5预加载实现给wordpress提速

诗梦
411
文章
725
评论
2017年5月24日17:08:07 评论 2.7K 次浏览 763字

九一八,铭记历史,勿忘国耻,珍爱和平,振兴中华

请不要乱刷新多次本站,不然你有可能进入120秒的小黑屋!

HTML5引入了预加载页面技术,可以大幅度提高网站加载时间以及速度,HTML5预加载是一种浏览器机制,使用浏览器空闲时间来预先下载/加载用户接下来很可能会浏览的页面,资源。
利用HTML5预加载实现给wordpress提速
浏览器载入当前页面完成后,将会在后台下载需要预加载的页面并添加到缓存中。当用户访问某个预加载的链接时,如果从缓存命中,页面就得以快速呈现。
首先在header.php文件内的<head>与</head>之间添加如下代码

  1. <?php if (is_archive() && ($paged > 1) && ($paged < $wp_query->max_num_pages)) { ?>
  2. <link rel="prefetch prerender" href="<?php echo get_next_posts_page_link(); ?>">
  3. <?php } ?>

然后将如下代码放到single.php文件

  1. <?php if (is_archive() && ($paged > 1) && ($paged < $wp_query->max_num_pages)) { ?>
  2. <link rel="prefetch prerender" href="<?php echo get_next_posts_page_link(); ?>">
  3. <?php } elseif (is_singular()) { ?>
  4. <link rel="prefetch prerender" href="<?php bloginfo('home'); ?>">
  5. <?php } ?>

预加载是HTML5的一部分,目前的话浏览器支持是存在问题的,除了微软的IE一如既往的不兼容了。而Firefox、chrome和opera支持该技术,因此如果访问者的浏览器不支持预加载,将什么效果也没有。

  • 版权声明: 发表于 2017年5月24日17:08:07
  • 转载注明:http://wrvs.cn/2628.html
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:0   其中:访客  2   博主  1
    • avatar 诗梦 Admin @回复

      有点用

      • avatar 寒辞 @回复 0

        不错,博客挺漂亮的

        • avatar 有梦的男孩 @回复 3

          又看了一遍,有事没事就来你这里打发时间