很多使用HotNews主题的朋友,都有一个感觉:打开博客后向下滑动页面,会很“卡”,普遍会认为是主题功能复杂或者是自己的主机空间不给力造成的,其实与此无关。
下面简单说一下造成此问题的原因及解决办法:
HotNews主题集成了图片延迟加载功能(参见:jQuery实现图片延迟加载),只有当页面滚动到图片的位置才会加载它们。本来是为了提高页面加载速度,不过事与愿违,由于大多数人不喜欢单独制作缩略图,直接把文章中尺寸较大的图片作为缩略图使用,同时加载10几张2、3百K的图片,打开速度可想而知,直接导致加载过程序中浏览器会出现“卡”的现象,原因找到了,解决办法:
- 保留图片延迟加载功能,单独制作尺寸较小的缩略图,会提高加载速度。
- 或者干脆去掉这个图片延迟加载功能:
打开所有以header开头的模版文件,共有6个,找到:
- <!-- 图片延迟加载 -->
- <?php include('includes/lazyload.php'); ?>
删除。
之后,刷新博客首页并滚动浏览器,看看原来“卡”的感觉是不是没了。
再升级主题时会考虑添加选项,自主选择是否开启图片延迟加载功能。
<!-- --> 这是注释符号。也可以用这个注释掉。
1F
也可以用这个注释掉