新闻中心
wordpress使用瀑布流的时候加快网页速度的方法
站长朋友都知道,一个网站的速度其实是自己的代码的优化是有很大的关系的,因为毕竟我们使用的是远程虚拟主机,每一样东西都是需要加载的,所以有些代码里面有404,或者是资源过大也会导致网站的速度慢的,无忧主机目前的速度是在香港稳居第一,但是总算这样,还有有些站长朋友就会认为是我们的主机的带宽问题,还有就是兼容性问题,无忧主机目前能支持绝大部分的php开源程序,所以这个兼容性就是非常的完美了。但是很多站长朋友wordpress使用的主题是瀑布流模式,这种模式很耗资源的。每张图片都是需要加载才能完全打开的,所以为了喜欢这种的主题的站长朋友,无忧主机小编就想出了一个方法就是使用当我们随着页面往下拖动而渐渐加载显示出来,这样不但能改善读者体验,而且可以节省流量,提高页面打开的速度。想实现这样的问题其实是很简单的,也并不是很难,所以下面就看无忧主机小编是怎么实现的吧。 首先实现这个功能用到了jquery.lazyload.js组件,jquery.lazyload.js 是一个用 JavaScript 编写的 jQuery 插件,它可以延迟加载网页中的图片,通过判断浏览者是否在查看当前图片,来选择是否立即加载显示。只有当我们的用户滑动鼠标滚轮或浏览到图片位置时,真正的图片才会得以加载并显示,否则会默认加载预设的填充图片。那么下面就来看看具体的实现方法吧。 实现方法: 1、下载程序包: lazyload 下载地址为:http://xiazai.jb51.net/201103/yuanma/lazyload_fix.rar 选择你的默认图片 nopic_small.gif 下载完毕后,解压上传文件到wordpress的相关目录。 2、在当前主题下的“header.php”文件中添加下面的JS调用代码。 <script type=”text/javascript” src=”<?php bloginfo(‘template_url’); ?>/includes/js/jquery-1.4.2.min.js”></script> <script type=”text/javascript” src=”<?php bloginfo(‘template_url’); ?>/includes/js/jquery.lazyload.js”></script> <script type=”text/javascript”> jQuery(document).ready( function($){ $(“img”).lazyload({ placeholder : “<?php bloginfo(‘template_url’); ?>/images/nopic_small.gif”, effect : “fadeIn” }); } ); </script> 上面代码要放到head技术标记前面,如下图: [caption id="attachment_15395" align="alignnone" width="504"] wordpress[/caption] 很多站长朋友在传授经验的时候掉了上面第一行代码,这个代码是必须的,否则您做的其他事情都是白做的,出不来效果的。 上传了文件,添加了代码(记得根据自己主题的情况对上面相关代码进行替换修改),就可以看到效果了。注意如果在本地测试的话,您可能会看不到效果,因为加载非常块,放到远程主机上测试比较好。无忧主机是完全支持的哟,谢谢站长朋友的们的支持与厚爱。 无忧主机相关文章推荐阅读: 添加WORDPRESS数据库运行状态日志 设置WORDPRESS评论达到数量后自动关闭评论 谷歌影响后WORDPRESS存在的问题并分析解决 WORDPRESS表单插件WP USER FRONTEND PROWWP
本文地址:https://www.51php.com/wordpress/15394.html