找回密码
 加入怎通
查看: 693|回复: 4

[站长八卦] 浅谈网站代码优化包含哪些方面

[复制链接]
TONY 发表于 2012-02-27 15:10:28 | 显示全部楼层 |阅读模式
       代码优化主要解决的问题就是页面浏览速度和适应性的问题。文字和图片是构成页面的两个主要因素,所以我们的优化也要从文字和图片开始。文字我们在制作页面的时候基本上都是定义好的一般使用宋体和12px,随着代码的标准化字体的样式大小等等的指定应该使用css样式表来完成,而现在被广泛应用的<h1></h1>、<font size=×× color=××></font>等等标签都是不标准的,也会慢慢被css取代,现在很多大型的网站包括各个门户网站像是这样不标准的问题还是广泛存在几乎每个页面都会有,所以css样式表是我们在优化过程中应该注意检查的问题(其实这个问题应该是在页面制作的时候就解决的)。图片问题主要存在size过大的问题,在这里我们把图片的优化归在代码优化一部分一起介绍而不另分一类,是因为图片优化与代码内容优化的目的是一样的。
* T: f; k) g( y0 d$ V% d0 @# C' L3 ~& p% X' i2 D' R/ }, J
       网页中一般应用两种格式的图片jpeg和gif,这两种图片的应用很多人把握的并不是很好,jpeg适用于颜色比较多、构成比较复杂的图片(比如一些照片、渐变颜色等等),gif适用于颜色比较少、构成比较简单的图片(比如网站的logo、大的色块构成的图片等等)。Gif图片尤其要注意导出的时候选择颜色数目这样也会达到很好的减小尺寸的效果。对于一些比较大的图片我们还可以将它切割成比较小的图片进行拼接这样也可以提高网页的下载速度。减小网页size提高网页下载速度还有一种简易的方法就是使用一些网页减肥的小工具,我们可以去下载一些这样的工具他们可以使你的网页缩小20%~50%达到事半功倍的效果。5 p) G9 m, P# W- M

( [* Y: e, w8 f% M4 n       表格是页面最重要的排版方式,在浏览器读取网页代码的时候,必须读完一个完整的table才会显示出来, 如果一个大的table里边含有很多小的table那么浏览器会在读完整个大的table才将整个的内容显示出来。我们在浏览一些页面的时候经常会出现页面半天才会显示出来,最后是在等不及了按了“停止”按钮,页面一下子显示出来了,这就是在一些小的table外边嵌套了一个大的table,而小table已经读完了就是还没读完整个的table浏览器不会显示,这样会大大减慢页面浏览速度。因此我们要尽量减少表格层次,尽量避免将一些小的表格嵌套在大的表格中间。还应该注意的是在使用dreamweaver制作网页的时候经常会出现很多垃圾代码,注意检查删除一些没有用的代码。网页的适应性就是在不同系统、不同浏览器和不同分辨率的适应能力。要注意的是分辨率,应该最低照顾到800×600的用户(分辨率800×600的显示尺寸780×428、分辨率1024×768的显示尺寸1007×600),所以页面最宽不要超过780,一定不要让用户横向拖页面。

暂时无法加载帖子列表

回复

使用道具 举报

sj8899 发表于 2026-03-07 01:54:40 | 显示全部楼层
分析得很透彻,很多细节都说到点子上了~
回复

使用道具 举报

wang_wei 发表于 2026-03-15 13:12:31 | 显示全部楼层
这个分享太实用了,刚好能用到,感谢楼主!
回复

使用道具 举报

nanxiaoxin 发表于 2026-08-09 09:11:22 | 显示全部楼层
刚好遇到类似问题,看完这个帖子心里有底了
回复

使用道具 举报

大漠孤烟直 发表于 2026-08-23 22:36:48 | 显示全部楼层
蹲了这么久,终于看到有价值的讨论,支持一下!
回复

使用道具 举报

    您需要登录后才可以回帖 登录 | 加入怎通

    本版积分规则

    QQ|手机版|小黑屋|网站地图|真牛社区 ( 苏ICP备2023040716号-2 )

    GMT+8, 2026-9-14 14:49 , Processed in 0.036740 second(s), 26 queries , Gzip On.

    免责声明:本站信息来自互联网,本站不对其内容真实性负责,如有侵权等情况请联系420897364#qq.com(把#换成@)删除。

    Powered by Discuz! X3.5

    快速回复 返回顶部 返回列表