即将背景图片的时候有多大太大了?

我在这里有一个小问题。 我是一个Web开发主要和我目前正在建设这个网站,我需要做一个项目。 我想让它有一个背景图片看起来很漂亮。 我在Photoshop中创建的图像,并将其保存到网络为.jpg,它结束了58.8k的大小。

我所有的网站,为用户加载快,但我想知道如果小于60K是好的? 我检查的YSlow的Firefox扩展,它加载了我在96毫秒(略考试科目较差 - 即将背景图片的时候有多大太大了?

是60K太多了,是不是有图像中仅10-20K的最佳做法? 我恨它,当我看到一个图像加载...它只是..是不值得的图形在这一点上。 有没有更快的方式来加载大小的一个形象? CSS或标记? 或者我应该甚至不担心吗?

--------------解决方案-------------

大多数浏览器加载的背景图像最后默认,所以你不应该有问题。

多大太大取决于您的主机设置,流量您的网站获得的金额,你的访问者的典型传输速率。

60K似乎是合理的我,平均站点没有太多游客的同时。 然而,带宽成本的钱,这是很少看到的大网站的大小背景图片的原因。 在另一方面,YouTube的流经常是上千次,你提出的背景图像更大的视频。 这是不可能给你确切的建议不知道更多关于你的网站,它的托管解决方案,它的使用统计数据。

机会是,如果你问这个问题,60K是完全没有问题。

如果你想保证你的背景图像加载第一或最后你可以这样做:

<script type="text/javascript">
bgimage = new Image();
bgimage.src = "http://www.olhovsky.com/img/cdf97/256fwt1_eg.png";
</script>

将身体标记上面的代码预加载的背景图像。 把它放在你的HTML文档中低后加载它(如后</body>标签加载背景即止)。

然后在身体标记:

<body onload="document.body.background=bgimage.src;">

我不认为60K过大,虽然你可能想看看你的用户可能,想想他们的连接速度将是什么样子。 如果您想尝试和挤压减少文件大小尽可能,尽量smushing一样好,你可能会看到它跌落远一点。

分类:网站 时间:2012-01-04 人气:271
本文关键词: 网站加载时间
分享到:

相关文章

  • 有助于减少网站加载时间。 我怎样才能减少这些资源? 2013-03-05

    我的指数资源占用一半我的网站加载时间. 谷歌得到它下降到只有约30-50毫秒,我将如何去实现这一目标? 另外,我怎么可以并行我的图片的下载. 他们都等待之前的一个开始加载之前加载,任何方式解决这一问题? 谢谢! 杰克逊〜 --------------解决方案------------- 你是地理上位于相对接近此页面托管在服务器? 如果没有,那么你看漫长的等待时间(蓝,这里的数据实际上是被传输的暗的阴影之前)势必会更长. 因为它是提供给你的第一个文件,服务器和计算机之间的连接首先必须建立,其中依赖于

  • 网站加载时间改进 2013-02-05

    今天我在检查该网站的加载时间. 我使用的净panle在Firebug,看看哪些资源需要多少时间. 我重视的结果spanshot. 在这个snalshot我是个关于我所标注的最后三个资源有点糊涂了. 我的问题是,为什么经过很长的启动加载等待? 这些资源只服用几秒钟加载但这些都是一个很大的延迟后启动. 什么理由呢? --------------解决方案------------- 负载时间(s)仍很小...的差距是当它们加载...即可能已经在DNS或东西略有放缓. 你有没有加载多次,是它始终是相同的?

  • 如何优化网站加载时间在红宝石? 2013-09-11

    我是谁创建写在蛋糕上的PHP框架RoR.i计划使用来自scriptalicious库的影响,以及对jQuery的照片显示和过渡效果的轻量级图片展示网站的新手. 由于该网站将是非常丰富的拍照,我可以采取什么样的规划步骤,以确保所有的照片和其他网页加载迅速? --------------解决方案------------- 我认为你是混合了一点东西. ROR混合使用PHP /蛋糕? 所以,对性能. 这主要取决于你认为有多少用户你得,谁对这些用户是和他们做什么. 10每小时100每秒? 做他们看很长一段

  • 录音的网站加载时间? 2013-09-26

    我想记录它需要加载自己的网站上的平均时间(比如10次),在世界的各个位置. 对于这一点,我在考虑使用代理服务器的列表来实现这一点,我不知道这是这样做的最佳方式. 是否有一个Firefox插件,可以让我有时间这也许使用萤火虫本身? 是否有运行这个测试的另一种方法是什么? 从测试社区任何提示将真棒. --------------解决方案------------- 在Firebug的"网络"选项卡 谷歌PageSpeed 雅虎YSlow的 您还可以将JavaScript代码片段添加到您的网页

  • 网站加载时间编程 2014-04-07

    我正在寻找监测网站的加载时间编程我建立在笨我的web应用程序,并可以使用基准测试类,用于获取服务器站点的执行时间,但一个解决方案我需要的是一个网站从时间服务器的总加载时间机端调用完成,直到已加载该网站的所有内容. 我目前使用的是JavaScript函数,减去之前onload事件之后的时间,但我不知道这种方法的准确度. 请注意,我不是为了提高速度像那些由谷歌的速度,YSlow的,等提供感兴趣的是"最佳实践",并建议 是他们的任何客户端库什么的,我可以重新使用精确的加载时间,相似的谷歌Ch

  • 页面加载工具来测量网络或移动网站加载时间 2014-07-18

    是否有人知道一个工具,适用于iOS / Android的测试移动网站加载? 我感兴趣的是完整的网站负载的时间. 例如,Firebug的控制台有网络标签,它显示元素的时间轴 --------------解决方案------------- 使用Wireshark和tpacketcapture. 看这里 此外在这里看到不同的网络页面时加载时间 在Android上可以使用WebDevTools:看这里

  • 有效地减少网站加载时间[SEO的角度来看] 2015-01-01

    我们知道,网页加载时间现在在搜索引擎排名和谷歌的一个重要因素,尤其是考虑到这一点. 现在我喜欢学习尽量减少HTTP请求,在页脚,压缩图像等压缩CSS,JavaScript的所有技巧. 但遗憾的是他们没有把我的博客上的负载时间有很大的影响. 谷歌网站管理员工具说,我的平均博客,页面加载时间为11.8秒也就是网站慢98%. 这真是让我担心,因为我收到来自谷歌的流量帅,我不希望失去这一点. 任何人都可以提出一个技术,可以大量减少的时候,要2-3秒? --------------解决方案--------

  • 你如何衡量在IE6的网站加载时间? 2014-01-29

    我在寻找类似锤头的东西. 目前,我编写JavaScript代码来测试,我宁愿只是用那些我可以轻松地共享,具有图形用户界面的工具. 编辑:我希望的东西,跟踪负荷的事件如果可能的话,可以很容易做到重复试验. --------------解决方案------------- Fiddler2将提供负载时间信息为您的网页,所有的内容. 另外IE8的开发工具将显示在页面中的功能的加载时间为您服务. 只要按下F12. 对于提琴手,只需加载网页和观看的标题/时间导致右手框架. 对于IE8的开发人员工具: 在探查

  • .NET随机缓慢的网站加载时间 2014-06-21

    我有一个IIS7服务器上运行的.NET应用程序. 服务提供商有一个投票站的实用工具,坪服务器每隔一小时,以确保其运行正常. 偶尔,每日也许3-4次,响应滞后过去它们已经设置3秒的阈值. 在.NET应用程序是预编译,并在释放模式运行. 正在被ping不连接到数据库,并为大部分的网页只是显示静态HTML(唯一使用的.NET代码是几包括主模板内的语句). 我在为什么它仍然可以加载缓慢的损失. 我设置应用程序池空闲超时不是70分钟这会阻止从回收时轮询命中,但仍然没有解决该问题的发生. 有任何想法吗? -

  • 使用相同的背景IMG的网站的所有网页会影响加载时间? 2012-07-16

    是否使用相同的图像的每一个页面的网站上的背景降低了页面加载时间? 我的意思是将背景图片乌尔磁盘上打开一个页面产生了律位更快的加载时间的其他页面后,被缓存? --------------解决方案------------- 从复制:http://stackoverflow.com/a/9035931/722617 需要,以确定是否该服务器是发送缓存头有问题的文件

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 1.584 (s). 10 q(s)