我要投稿

使用HTML5预加载为wordpress预加载页面

zhanceo WordPress

2021-08-13 0 691 百度已收录

HTML5引入了预加载页面技术，可以大大提高网站加载时间和速度。HTML5预加载是一种浏览器机制，它利用浏览器的空闲时间预下载/加载用户下一步可能浏览的页面和资源。使用HTML5预加载为WordPress预加载页面.

浏览器加载当前页面后，要预加载的页面将在后台下载并添加到缓存中。当用户访问预加载的链接时，如果从缓存命中该链接，则可以快速呈现页面。

教程

首先在h eader.php文件内的<head>与</head>之间添加如下代码：

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

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



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

预加载是HTML5的一部分。目前，浏览器支持存在问题，除了微软的IE总是不兼容。Firefox、chrome和opera都支持这项技术，因此，如果访问者的浏览器不支持预加载，它将没有任何效果。

收藏 (0) 打赏

感谢您的支持，我会继续努力的!

打开微信/支付宝扫一扫，即可进行扫码打赏哦，分享从这里开始，精彩与您同在

免责声明 ⚠️ 1. 本站所有资源来源于网络收集，若资源侵犯了您的合法权益，请来信通知我们（Email: 1427707223@qq.com），我们会及时删除，给您带来的不便，我们深表歉意！ 2. 分享目的仅供大家学习和交流，若使用商业用途，请购买正版授权！否则产生的一切后果将由下载用户自行承担！ 3. 会员不得使用于非法商业用途，不得违反国家法律。否则后果自负！ 4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！ 5. 本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！ 6. 因源码具有可复制性，一经购买，不得以任何形式退款。 7.更多详情请点击查看

优站网 WordPress 使用HTML5预加载为wordpress预加载页面 https://www.zhanceo.com/14948.html