求助！求助！网站页面图片太多，加载时间太长该怎么办？

以下是百度统计的诊断，小弟万般无奈，html上的缓存以及图片处理技巧欠缺，希望各位大大帮帮忙支个招！

以下元素可在不损失原信息量的前提下进行压缩：
http://www.5atl.com/Style/main.css （大小： 11.4 KB 预计可减少 796 B ）
http://www.5atl.com/Script/jquery.js （大小： 23.5 KB 预计可减少 171 B ）
http://www.5atl.com/data/attachment/common/d9/common_46_icon.png （大小： 4.2 KB 预计可减少 857 B ）
http://www.5atl.com/data/attachment/common/6c/common_45_icon.png （大小： 6.7 KB 预计可减少 866 B ）
http://www.5atl.com/data/attachment/common/f7/common_44_icon.png （大小： 6.4 KB 预计可减少 1.4 KB ）
http://www.5atl.com/data/attachment/common/17/common_43_icon.png （大小： 7.1 KB 预计可减少 243 B ）
http://www.5atl.com/data/attachment/common/a1/common_42_icon.png （大小： 7.1 KB 预计可减少 1.5 KB ）
http://www.5atl.com/data/attachment/common/34/common_41_icon.png （大小： 7.8 KB 预计可减少 138 B ）
http://www.5atl.com/Script/indextab.js （大小： 1.4 KB 预计可减少 253 B ）
http://hm.baidu.com/hm.js?80f2dfab7bbec9177d502fd84f27b136 （大小： 8.2 KB 预计可减少 22 B ）
http://www.5atl.com/images/cer_logo.png （大小： 4.8 KB 预计可减少 612 B ）
http://www.5atl.com/images/style_dian.gif （大小： 1.1 KB 预计可减少 978 B ）
http://www.5atl.com/images/aticletitBg.png （大小： 228 B 预计可减少 11 B ）
http://www.5atl.com/images/modelOneTypeIco.gif （大小： 1.1 KB 预计可减少 979 B ）
http://www.5atl.com/Images/style_dian.gif （大小： 1.1 KB 预计可减少 978 B ）
http://www.5atl.com/images/close_s.png （大小： 4.1 KB 预计可减少 1.4 KB ）

以下元素实际大小超过页面定义大小，可做大小压缩：
http://www.maimaitl.com/data/upload/shop/store/goods/1/1_04936728771005485_24... （大小： 70.2 KB 预计可减少 33.4 KB ）
http://fang.5atl.com/attachment/images/201507/1436424319.jpg （大小： 37.3 KB 预计可减少 19.3 KB ）
http://www.5atl.com/images/tcgrz.jpg （大小： 73.8 KB 预计可减少 46.3 KB ）
http://www.5atl.com/attachment/images/201506/1434595360.jpg （大小： 160.1 KB 预计可减少 131.2 KB ）
http://www.5atl.com/attachment/weixin/images/201506/1433260591.jpg （大小： 105.0 KB 预计可减少 84.6 KB ）
http://www.5atl.com/attachment/images/201506/1433830542.jpg （大小： 88.3 KB 预计可减少 70.6 KB ）
http://www.5atl.com/attachment/images/201506/1433486392.jpg （大小： 89.2 KB 预计可减少 58.0 KB ）
http://www.5atl.com/attachment/images/201504/1429838804.jpg （大小： 156.8 KB 预计可减少 125.0 KB ）
http://www.5atl.com/Attachment/DownImg/201510/7615b0e9-155a-40d3-b0e3-33d39ef... （大小： 91.8 KB 预计可减少 65.1 KB ）
http://www.5atl.com/Attachment/DownImg/201510/814d82b3-15f5-485c-b993-1359b14... （大小： 33.5 KB 预计可减少 4.4 KB ）
http://www.5atl.com/Attachment/DownImg/201509/844b989f-96c1-4c2d-ab8e-f71480d... （大小： 34.8 KB 预计可减少 9.9 KB ）
http://www.5atl.com/Attachment/DownImg/201509/6298cd6a-bb76-4828-804d-0bb6b68... （大小： 33.5 KB 预计可减少 8.3 KB ）
http://www.5atl.com/Attachment/DownImg/201509/366504a8-b187-4432-a6a9-d80b21c... （大小： 41.1 KB 预计可减少 13.3 KB ）
http://www.5atl.com/Attachment/DownImg/201509/31ab7e0b-8a7a-4669-9294-81ce257... （大小： 29.5 KB 预计可减少 3.6 KB ）
http://www.5atl.com/Attachment/DownImg/201509/99878181-cd5f-44d2-812a-0e6beed... （大小： 40.0 KB 预计可减少 15.3 KB ）
http://fang.5atl.com/attachment/images/201507/1436499161.png （大小： 68.7 KB 预计可减少 50.7 KB ）
http://www.5atl.com/Attachment/DownImg/201509/6251c642-cb17-4dcd-b095-06e6561... （大小： 45.8 KB 预计可减少 35.6 KB ）
http://www.5atl.com/Images/News_7.jpg （大小： 52.7 KB 预计可减少 30.7 KB ）
http://www.5atl.com/attachment/images/201510/1443673613.jpg （大小： 43.3 KB 预计可减少 17.8 KB ）
http://www.5atl.com/attachment/images/201509/1442892106.jpg （大小： 28.3 KB 预计可减少 5.1 KB ）
http://www.5atl.com/attachment/images/201509/1442891904.jpg （大小： 48.0 KB 预计可减少 12.6 KB ）
http://www.5atl.com/attachment/images/201509/1442455179.jpg （大小： 140.3 KB 预计可减少 119.7 KB ）
http://www.5atl.com/attachment/images/201509/1441852683.jpg （大小： 141.0 KB 预计可减少 128.5 KB ）
http://www.5atl.com/attachment/images/201509/1441525091.jpg （大小： 55.1 KB 预计可减少 11.9 KB ）
http://www.5atl.com/attachment/images/201509/1441384271.png （大小： 249.0 KB 预计可减少 204.1 KB ）
http://www.5atl.com/Attachment/DownImg/201510/7a62ea46-dd20-4113-b7a9-a582c39... （大小： 43.0 KB 预计可减少 17.2 KB ）
http://www.5atl.com/Attachment/DownImg/201510/d9d4520a-4e37-4646-98a1-9976326... （大小： 38.3 KB 预计可减少 13.3 KB ）
http://www.5atl.com/Attachment/DownImg/201510/903ea659-9ada-40ec-8310-3071278... （大小： 23.0 KB 预计可减少 4.1 KB ）
http://www.5atl.com/Attachment/DownImg/201510/0de86ab2-80ba-45dc-8f28-2cddcf0... （大小： 27.3 KB 预计可减少 6.5 KB ）
http://www.5atl.com/images/50022402000038.gif （大小： 5.1 KB 预计可减少 2.3 KB ）
时间： 2024-12-28 20:48:45

求助！求助！网站页面图片太多，加载时间太长该怎么办？的相关文章

[转载]Python & Selenium -- 页面加载时间过长&启动指定FF

原文链接:https://my.oschina.net/u/2344787/blog/400507?p={{page}} 1. selenium webdriver在get方法会一直等待页面加载完毕才会执行后面的,可如果加载时间太长会导致后续操作无法进行. 例如:get 汽车之家页面时会等待很长时间,其实页面基本元素都已加载,可进行后续操作 可以通过set_page_load_time()方法来设定时间, 然后捕获timeout异常 并 通过执行Javascript来停止页面加载 window.

Python & Selenium -- 处理页面加载时间过长的问题

selenium webdriver在get方法会一直等待页面加载完毕才会执行后面的,可如果加载时间太长会导致后续操作无法进行. 例如:get 汽车之家页面时会等待很长时间,其实页面基本元素都已加载,可进行后续操作 可以通过set_page_load_time()方法来设定时间, 然后捕获timeout异常 并 通过执行Javascript来停止页面加载 window.stop() from selenium.common.exceptions import TimeoutException s

网站优化--图片的预加载与懒加载（上）

1.延迟加载即懒加载,主要目的是作为服务器前端的优化,减少请求数或延迟请求数,在一些图片非常多的网站中非常有用,当图片位置进入到可视区的时候才会被加载,这样对于含有很多 图片的比较长的网页来说,可以加载的更快,并且还能节省服务器带宽 最常用的方式是:监控滚动条的高度,当滚动条高度和可视区高度之和小于图片位置距离页面的高度时会被加载 2.预加载:在查看前面张图片的时候加载后面的图片,在提升用户体验的同时会增加服务器的压力 常用方式:创建image对象,通过src属性加载url资源,当资源加载完成后

Android:漫画APP开发笔记之从WAP网站解析图片地址并加载图片

一.使用Jsoup解析网页 <pre><code class="prettyprint"><span class="typ">Document</span><span class="pln"> doc </span><span class="pun">=</span><span class="pln">

20点提高网站访问速度缩短网页加载时间！

文章来源:http://www.chinaz.com/web/2014/1112/373946.shtml 1.减少页面HTTP请求数量 比较直接的理解就是要减少调用其他页面.文件的数量. A.我们在使用css格式控制的时候,经常会采用background载入很多图形文件,每个background的图像至少产生1次HTTP请求,一般我们为了让页面生动活泼会大量使用background来加载背景图,要改善这个状况,可以采用css的1个有用的background-position属性来加载背景图,我

网站优化--图片的预加载与懒加载（下）

预加载:通过创建image对象 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="../css/public.css"/> <script type="

如何有效减少网页加载时间？20个提高网站访问速度的方法

网友上网都不喜欢用太多的时间等待网页的打开,等待的越长,用户可能会直接关闭网页,这样就会损失很多流量!其次,关键字的排名与网页的打开速度也有关系,这个主要体现搜索引擎对用户体验度上,用户体验度好,排名相对其它网站就好些.因此我觉得我们有必要去提高网页的打开速度,这个不需要太多的成本投入,只需要平时多注意一些小技巧就行了!下面给出20种方法帮你提高网站访问速度缩短网页加载时间. 1.减少页面HTTP请求数量 比较直接的理解就是要减少调用其他页面.文件的数量. A.我们在使用css格式控制的时候,经

利用Navigation Timing测量页面加载时间

最近在看一本名为<web性能实践日志>的书籍,其中第十三章"网络计时"中介绍了一种比较新的计算页面各部分加载时间方法,这也是W3C Web性能工作小组正在做的事情,接下来我就给大家大概介绍一下: 首先先撇开这篇文章所要介绍的,如果要你来写一段代码来计算整个页面加载的时间的话,我们一般都会这样做:获得页面开始加载的时间和结束加载的时间,两个一减便是页面加载的时间了,没错,代码如下: 1 <html> 2 <head> 3 <script type

移动设备的HTML页面中图片实现滚动加载

如今移动互联网风靡全球,移动页面的元素也是丰富多彩,一个移动页面的图片超过10张已经是再正常不过的事情了.但是相对,很多移动用户还停留在2G,3G这样的网络中.那么这样带宽的用户,在浏览这样的页面时,要把页面加载完毕,可能就需要10s,20s甚至更多,严重影响用户的体验.针对这样的问题,让页面中的图片滚动加载(图片出现在显示器屏幕上时再加载图片)显得非常重要!这样也可以有效地节省我们服务器的带宽和解决请求大并发的问题. 1.效果图.     这是加载过程中的图片菊花显示