随着网速不断的提高,网页的显示速度大多数情况下都在用户的容忍范围内
但是也有很多对速度很挑剔的用户,比如我
对于那些点一下,“半天”没显示完整的网站一般都是零容忍
所以自己在做网站的时候一直在考虑这个问题
如何能最大限度的提高显示速度
同时不能损害网页的美观和信息量
提高显示速度的途径有很多
常用的有:
1、尽可能减少客户端想服务器的请求次数,合并css、js文件,减少图片和其他资源数,小图标、小图片可以利用背景图片定位的方法,把这些小图片放在一个文件上(这个做法我最早是见Google做的)
2、尽可能的减小网页中图片、Flash、音频、视频的大小,去除一些花哨的东西
3、布局采用标准的css+div,切忌把整个页面所有的元素都放在一个div里,或者table里,这样做加载完和所有元素后才会显示
4、如果要从服务器加载很多动态内容,可以考虑使用Ajax,提高用户体验
暂时想到这么多,陆续补充
关于那个合并小图片、背景图片定位的实现方法演示如下:
html:
<ul>
<li><div id="site" class="icon"></div><a href="default.aspx">学校主站</a></li>
<li><div id="bbs" class="icon"></div><a href="bbs/">溪河论坛</a></li>
<li><div id="oa" class="icon"></div><a href="oa/">网上办公</a></li>
</ul>
css:
#site { background-position: 0px 0px;}
#bbs { background-position: 22px 0px;}
#oa { background-position: 44px 0px;}
.icon { background-image: url(imgs/default_icon.jpg); height: 22px; width: 22px; float: left; margin-right:10px;}
图片:
<!--E 文章--><!--S 日志顶部操作-->
- 大小: 1.5 KB
分享到:
相关推荐
提高网页制作教学效果的几点尝试.doc提高网页制作教学效果的几点尝试.doc
对提高CAD绘图速度的几点建议.pdf
提高农村小学生习作水平的几点尝试 (2).doc
超简单的 html+css+js 三个文件构成的,网页上动态显示时间XX:XX:XX 超简单的 html+css+js 三个文件构成的,网页上动态显示时间XX:XX:XX
网页设计的几点要素.doc
小学作文指导的几点尝试.doc
地理课堂教学改革的几点尝试.docx
初中化学实验改革的几点尝试.doc
改革初中美术教学的几点尝试.doc
培养学生创新能力的几点尝试.pdf
初中历史高效课堂的几点尝试.pdf
改革初中美术教学的几点尝试.docx
语文教学中发展学生思维的几点尝试
农村学校课堂教学改革的几点尝试.docx
提高sql执行效率的几点建议提高sql执行效率的几点建议
史上速度最快的浏览器,只要几百K大小,几乎不占内存,让你打开网页的速度提高几百倍!完全免费,安全、无毒
浅谈小学数学教学改革的几点尝试.pdf
培养学生语文深度学习意识的几点尝试.pdf
初中化学教学中培养创新能力的几点尝试.doc
小学体育教学中改革与创新的几点尝试.docx