新闻中心

WordPress“预加载”功能实现插件:InstantClick

作者 / 无忧主机 时间 2014-11-07 23:09:18

经常上网的站长朋友们可能会留心到,同一个网站在谷歌浏览器和火狐浏览器中的加载速度要快一点,因为这是chrome浏览器给全部页面都使用了预加载功能。无忧主机php虚拟主机在国内的访问速度ping值都在100ms以内,非常适合您的网站建设。 今天无忧小编我在给自己的Wordpress博客更换网站主题的时候,无意中发现了Wordpress程序也有这个“预加载”功能,现在还是有一部分人在使用这个插件,这个插件叫:InstantClick。 这个插件安装使用很方便,点我就知道如何安装Wordpress插件,插件安装完成以后启用即可,不需要做设置即可使用;运行原理也很简单:当鼠标移到链接上时,就已经开始加载页面了,从鼠标悬停该链接到点击链接这中间有那么几百毫秒的间隔,此时页面已经加载得差不多,那么在真正打开页面时就等于直接显示,速度会非常快,就和html里面的mouseover()、mousedown()、mouseout()三个事件执行整个过程,非常类似于整个页面都使用了Ajax。 安装插件还不够,还需要在网站主题目录下面的js文件夹里面添加如下代码,也可以在主题目录下面的footer.php标签里面引用如下代码: <script type=”text/javascript” src=”<?php bloginfo(‘template_directory’); ?>/js/instantclick.min.js” data-no-instant> </script> <script data-no-instant> InstantClick.init(); </script> 这样一操作完就大功告成了,当你在刷新访问网站的时候,可以看到网站顶部有一个加载进度条提示。 无忧提醒:如果因为插件与主题冲突情况导致了网站访问不了,请注意及时关闭插件。 无忧主机相关文章推荐阅读: 如何让您的WORDPRESS网站更加完美 WORDPRESS优化主题使速度得到提高 WORDPRESS更换模版需要注意的事项 WORDPRESS使用小技巧:改变 JPEG 图片上传的压缩率

本文地址:https://www.51php.com/wordpress/17410.html

1
1
1
1
1
1
1