小编Tec*_*ite的帖子

试图加快我的网站,我遇到指定图像尺寸,以避免回流和重绘.

如果我有div的图像 <div class="class"> .class img {height: xxxpx; width: xxxpx;}

这与设置尺寸不一样<img class="class"> .class {height: xxxpx; width: xxxpx;}吗？

只是想知道它是否与我在gtmetrix中获取指定图像尺寸警告的方式相同.

我使用了一个名为 blazy 的 js，当我向下滚动页面到它时，图像会加载。图像显示在 pingdom 速度测试中，如果延迟加载适用于图像，它是否应该显示在速度测试树中？

如果我使用这样的东西懒惰加载我的一些css文件,是否可以添加2个css文件或者它只能加载1？

<script>
var cb = function() {
            var l = document.createElement('link'); 
            l.rel = 'stylesheet';
            l.href = 'yourCSSfile.css';
            var h = document.getElementsByTagName('head')[0]; 
            h.parentNode.insertBefore(l, h);
         };

var raf = requestAnimationFrame || mozRequestAnimationFrame ||
          webkitRequestAnimationFrame || msRequestAnimationFrame;

if (raf) { 
   raf(cb) 
} else {
    window.addEventListener('load', cb);
}
</script>

我需要一双关于这段代码的新眼睛.必须有编码器的盲目性或其他东西.对于我的生活,我无法弄清楚为什么图像没有在页面上加载.

我一直坐在这里将其与其他工作代码进行比较,使用不同的类和图像精灵,无法查看问题所在.

如果有人不介意花一两分钟跑过去,我会非常感激.

.480sl1, .480sl2, .480sl3, .480sl4, .480sl5, .480sl6, .480sl7, .480sl8, .480sl9, .480sl10, .480sl11, .480sl12, .480sl13
{background-image: url('https://freephonewallpapersformobile.files.wordpress.com/2015/11/480-sl-sprite.jpg');
background-repeat: no-repeat;
width:100px;
height:166px;   
display:inline-block;



}



.480sl1 {background-position: 0px 0px;}
.480sl2 {background-position: 0px -166px;}
.480sl3 {background-position: 0px -332px;}
.480sl4 {background-position: 0px -498px;}
.480sl5 {background-position: 0px -664px;}
.480sl6 {background-position: 0px -830px;}
.480sl7 {background-position: 0px -996px;}
.480sl8 {background-position: 0px -1162px;}
.480sl9 {background-position: 0px -1328px;}
.480sl10 {background-position: 0px -1494px;}
.480sl11 {background-position: 0px -1660px;}
.480sl12 {background-position: 0px -1826px;}
.480sl13 {background-position: 0px -1992px;}

<div class="top_grow11"><a href="free-480x800-mobile-wallpapers.htm"><img class="480sl1"></img></a></div> …