【魔趣吧评测】号称全网唯一支持图片懒加载的模版,体验非常不错!GBK+UTF8双版本发布!魔趣吧实测可用!6 y+ ?$ {: V, |' V( F/ w6 H. O 注:应部分客户要求,不支持二级导航横排显示,请知晓!!! ) Y" ^4 {3 V" q$ C, ]0 h) ^! X/ C0 e \* B
----------------------------------------------------------------------------------------------------------1 e% a4 A5 V Z+ V
7 I. c- q: Y) k 全网唯一支持图片懒加载模板 - q, x- B2 Z2 a 4 j4 `% e2 c' V( G8 H# \一、图片懒加载又称图片滚动加载,那么什么是图片滚动加载?' a Q8 s, j) k- G7 }4 S
4 m3 w7 d% `9 g5 X9 B9 f通俗的讲就是:当访问一个页面的时候,先把img元素或是其他元素的背景图片路径替换成为加载动画图片的路径(这样就只需请求一次),只有当图片出现在浏览器的可视区域内时,才加载图片真正的路径,让图片显示出来。# J- s q) e; H4 o' }
, U+ d; @6 l% ~# I0 [
二、为什要使用这个技术? 6 N* ^; c$ Z& K { @3 \4 n' A7 d6 x比如一个页面中有很多图片,如淘宝、京东首页等等,如果一上来就发送这么多请求,页面加载就会很漫长,如果js文件都放在了文档的底部,恰巧页面的头部又依赖这个js文件,那就不好办了。更为要命的是:一上来就发送百八十个请求,服务器可能就吃不消了(又不是只有一两个人在访问这个页面)。 . A4 W- p7 w" W6 F1 L5 C. L9 c& M; M8 c( {! j
因此优点就很明显了:不仅可以减轻服务器的压力,而且可以让加载好的页面更快地呈现在用户面前(用户体验好)。 : ^7 E! X5 i& H8 f! C, \# Z% Z* T, R, `# S: | D/ m
---------------------------------------------------------------------------------------------------------- ) ?, t2 h7 s* g& Y1 M6 T W7 D# c7 d; Y; V/ J 商业用户请在该页面的“资料下载”里,自行下载DIY文件和安装说明; 9 r2 Q) T6 d; d- e& y" f& o) A! y. L, V; d 模板独有特色$ U* w: f5 ~0 I w, T8 y2 r