利用HTML5预加载实现给wordpress预加载页面

一点优化
一点优化
一点优化
474
文章
46
评论
2020年5月14日20:35:07 评论 270围观 764字

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支持该技术,因此如果访问者的浏览器不支持预加载,将什么效果也没有。

  • 微信
  • 这是我的微信扫一扫
  • weinxin
  • QQ群
  • 我的QQ交流群扫一扫
  • weinxin
一点优化
wordpress搭建站中站(栏目站)教程 基础建站教程

wordpress搭建站中站(栏目站)教程

wordpress如何搭建栏目站?也就是我们所说的站中站。wordpress因为文章数据库表单只有一个,所以一般会比较卡,当然也有一些SEO站长因为站中站权重比较集中,所以使用站中站的方式做优化,还有...
修改WordPress数据库前缀完后台无法登陆教程 WP综合教程

修改WordPress数据库前缀完后台无法登陆教程

一点优化操作完上一个如何修改WordPress数据库前缀修改完之后,发现网站后台无法登陆了,百思不得其姐,然后在百度的帮助下,解决了这个问题,后续的教程请看下面。 如果你将数据库导入到运营中的服务器登...
如何修改WordPress数据库前缀 WP综合教程

如何修改WordPress数据库前缀

之前有一点优化有出一个分布式缓存的教程,但是那个分布式缓存会导致多个网站在一个服务器下面,数据库相同表前缀导致出现错误,所以这里一点优化在这边出三个WordPress修改表前缀的方法,分别是插件,安装...
匿名

发表评论

匿名网友

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