浅 谈 个 人 主 页 之 网 页 优 化
作者：田涛


网 页 做 的 是 否 成 功， 除 了 要 考 虑 外 观 设 计， 内 容 组 织 外，最 重 要 的 是 当 一 位 访 客 浏 览 你 的 网 页 时， 能 快 速 地 看 到 内 容， 而 不 是 等 待， 等 待， 再 等 待 。


个 人 主 页 安 家 多 在 提 供 该 项 服 务 的 服 务 器 上， 所 以 在 硬 件 上 我 们 选 择 的 余 地 不 多， 但 我 们 可 以 在 软 件 上 下 功 夫， 提 高 网 页 的 下 载 速 度， 而 今 天 我 就 从 以 下 几 个 方 面 来 谈 谈 网 页 的 优 化 问 题。


一 . 不 该 要 的 就 不 要

　 　 我 们 在 制 作 个 人 网 页 时， 都 想 提 供 最 多、 最 新 的 内 容 给 访 客， 因 为 这 是 吸 引 他 们 的 有 力 工 具。 但 贪 得 无 厌 会 使 自 己 的 网 页 过 于 臃 肿， 别 人 等 待 半 天， 什 么 也 没 有 看 到， 所 以 我 们 在 制 作 网 页 时 要 记 住， 不 该 要 的 东 西 就 不 要。 这 并 不 是 一 个 技 巧， 但 往 往 被 人 忽 略。

　 　 在 一 些 网 页 上 聚 集 着 很 多 小 图 标， 也 就 是 广 告 交 换 LOGO ， 大 小 一 般 为 88x31 ， 容 量 一 般 为 3K 在 右， 在 有 些 人 看 来， 这 并 不 会 影 响 下 载 的 速 度， 因 为 它 们 的 容 量 都 很 小。 下 载 一 个 88x31 的 LOGO 标 准 时 间 需 要 1 秒 钟， 如 果 服 务 器 速 度 有 问 题， 很 可 能 要 2 秒 以 上， 假 使 你 网 页 上 有 5 个 这 样 的 LOGO ， 那 么 下 载 完 全 需 要 5-10 秒， 你 觉 得 很 短 吗， 的 确 是， 但 访 客 的 容 忍 限 度 是 20-30 秒， 也 就 是 说 如 果 在 这 段 时 间 里， 还 没 有 看 到 网 页 或 者 网 页 的 全 部 内 容， 那 么 访 客 很 可 能 离 去。 还 有 一 个 问 题 是， 往 往 有 些 网 友 放 置 了 一 些“ 毫 无 意 义“ 的 LOGO ， 比 如 IE4.0 下 载 图 标， 很 少 有 人 会 点 击 它。 除 非 你 的 网 页 没 有 LOGO 可 用 了， 不 然 就 删 除 这 些 LOGO 。 不 管 是 网 页 制 作 者 还 是 访 问 者， 都 会 有 这 样 的 经 验， 不 会 完 全 等 到 页 面 所 有 内 容 下 载 完 后， 去 选 择 链 接 单 击， 你 设 计 的 绚 丽 多 姿 的 内 容， 可 能 别 人 还 没 有 看 就 从 他 视 觉 里 消 失 了， 而 如 果 有 同 样 的 选 择， 访 客 会 去 一 连 接 就 能 出 现 内 容 的 网 页， 而 不 是 去 你 那 等 待。

　 　 我 知 道， 大 家 都 喜 欢 用 GIF 动 画 来 装 饰 网 页， 它 的 确 很 吸 引 人， 但 我 们 在 选 择 时， 是 否 能 确 定 必 须 用 GIF 动 画， 如 果 答 否， 那 么 就 选 择 静 止 的 图 片， 因 为 它 的 容 量 要 小 得 多。 同 样 的 88x31 的 LOGO ， GIF 动 画 的 容 量 有 5K ， 而 静 止 LOGO 的 只 有 3K 。 虽 然 只 有 2K 之 差， 但 多 起 来， 就 会 影 响 下 载 的 速 度， 所 以， 如 果 有 些 不 是 必 须 的， 就 选 择 最 小 的。 同 样 我 们 在 选 择 是 否 用 JavaScript 时， 也 要 如 此 问 自 己， 是 否 需 要。 总 之， 在 我 们 制 作 网 页 时， 要 有“ 积 少 成 多“ 的 意 识， 也 就 是 说， 小 的 东 西 多 起 来 就 会 变 成 了 大 的， 不 管 是 一 幅 图 片 或 者 一 个 按 钮， 都 要 把 它 设 计 到 最 小， 这 样 节 约 下 来 的 下 载 时 间 是 很 可 观 的， 而 不 要 把 任 何 没 有 经 过 处 理 的 对 象 放 置 到 网 页 上， 这 点 很 重 要。

　 　

二 . 图 形 的 问 题

　 　 图 形 是 网 页 必 须 要 的， 一 副 图 片 完 全 可 以 表 达 大 量 文 字 所 代 表 的 意 义， 但 图 片 也 是 影 响 网 页 下 载 速 度 的 罪 魁 祸 首。 我 们 在 制 作 网 页 时， GIF 与 JPEG 是 打 交 道 最 多 图 片 格 式， 而 在 使 用 它 们 也 有 一 些 技 巧。 首 先 来 简 单 了 解 一 下 这 两 种 图 片 格 式 的 性 质。 GIF 图 片 格 式 颜 色 允 许 最 大 256 色， 而 JPEG 允 许 16 万 色， 而 GIF 支 持 动 画 格 式， JPEG 不 支 持， 但 它 们 都 可 以 交 织 显 示， 也 就 是 从 模 糊 到 清 楚。 了 解 了 两 种 格 式 的 性 质 后， 在 使 用 它 们 时， 该 怎 样 选 择 呢， 专 家 有 这 样 的 建 议， 当 你 要 显 示 照 片 或 者 要 图 片 具 有 某 种 水 印 效 果， 模 糊 效 果， 那 么 选 择 JPEG ， 如 果 你 需 要 动 画、 黑 白 图 片、 透 明 图 片， 那 么 就 选 择 GIF 。

　 　 GIF 图 片 格 式 颜 色 最 大 允 许 256 色， 但 在 选 择 GIF 调 色 板 时， 可 以 设 置 256 颜 色 以 下 的 颜 色， 比 如 188 ， 204 等， 大 家 如 果 使 用 Photoshop 这 样 的 图 片 处 理 软 件 就 会 发 现 在 保 存 GIF 图 片 时， 会 让 你 选 择 保 存 的 颜 色 数， 一 般 来 说， 你 可 以 选 择 256 色 以 下 的， 因 为 它 可 以 减 少 图 片 容 量。

　 　 GIF 图 片 的 优 势 在 于 显 示 小 图 标 时， 比 如 公 司 图 标， 广 告 图 标， 也 就 是 为 什 么 现 在 广 告 LOGO 都 是 GIF 图 片 格 式。 而 在 与 JPEG 图 片 相 比 较， 当 它 们 显 示 同 一 副 图 片 时， 会 发 现 GIF 图 片 格 式 和 网 页 背 景 融 合 的 更 好， 而 JPEG 图 片 会 发 现 四 周 的 晕 边， 而 且 GIF 可 以 处 理 成 透 明 图 片， 和 网 页 背 景 有 更 好 的 融 合。 但 如 果 处 理 大 的 图 片， 会 发 现 GIF 图 片 的 大 小 比 保 存 至 JPEG 格 式 的 图 片 要 大 的 多， 所 以， 处 理 大 的 图 片， 最 好 用 JPEG 格 式， 它 有 高 的 压 缩 比。

　 　 我 们 在 使 用 这 两 种 图 片 格 式 时， 要 注 意 图 片 的 尺 寸， 选 择 过 大 的 图 片 尺 寸， 会 使 得 网 页 下 载 速 度 过 慢， 增 加 WEB 服 务 器 的 负 荷， 目 前 网 络 速 度 慢 的 原 因， 有 很 大 原 因 是 访 客 等 待 图 片 的 下 载， 所 以， 对 于 图 片， 要 选 择 更 合 适 的 尺 寸。 而 且 在 制 作 网 页 过 程 中， 要 给 图 片 指 定 高 度 和 宽 度， 因 为 有 时 候 我 们 会 把 本 来 尺 寸 很 大 的 图 片 设 置 成 小 尺 寸 的 图 片， 虽 然 图 片 本 身 没 有 改 变， 但 指 定 小 尺 寸 后， 就 会 减 少 下 载 时 间。 也 可 以 在 原 图 片 下 载 之 前， 指 定 一 个 小 容 量 的 图 片， 因 为 小 容 量 的 图 片 会 先 显 示， 然 后 在 显 示 原 来 的 图 片， 如 果 你 使 用 FrontPage98 工 具， 那 么 可 以 在 图 片 设 置 栏 里 设 置， 你 也 可 以 按 以 下 HTML 代 码 设 置 : < IMG SRC= "1.gif" LOWSRC="2.gif">

　 　 这 时 候， 2.gif 会 先 1.gif 显 示。

　 　 目 前 在 网 络 上 又 出 现 了 一 种 图 片 格 式 -PNG ， 它 具 有 以 上 两 种 图 片 格 式 的 优 点， 无 失 真， 高 压 缩， 透 明 支 持， 真 彩 色， 但 因 为 现 在 的 浏 览 器 对 它 的 支 持 不 够， 所 以 使 用 的 人 不 是 很 多， 但 以 后 新 的 浏 览 器 会 支 持 它。

　 　 图 片 问 题 是 网 页 制 作 中 最 复 杂 的 问 题， 我 们 在 利 用 图 片 时， 要 精， 而 不 要 随 便 就 把 没 有 经 过 处 理 的 图 片 放 到 网 页 上。

　 　

三 . 网 页 设 计

　 　 在 浏 览 网 页 时， 一 般 要 经 过： 下 载、 完 善、 可 视 三 个 视 觉 步 骤， 而 下 载 是 最 关 键 的 一 个 步 骤。 如 果 连 接 半 天 还 没 有 返 回 页 面， 那 么 访 客 会 离 开， 所 以， 提 高 下 载 速 度 是 网 页 优 化 的 关 键。 在 设 计 网 页 时， 会 利 用 许 多 老 的 或 新 的 技 术， 但 当 你 使 用 某 一 项 技 术 时， 有 可 能 因 为 浏 览 器 的 兼 容 问 题， 会 使 得 网 页 下 载 变 得 非 常 缓 慢。 有 时， 只 出 现 了 网 页 背 景， 内 容 却 迟 迟 不 出 现， 这 就 是 因 为 浏 览 器 在 解 释 网 页 文 件 时， 出 现 了 问 题， 所 以， 在 网 页 设 计 上 一 定 要 注 意。

　 　 目 前 利 用 表 格 制 作 网 页 成 为 流 行， 因 为 它 具 有 完 备 的 布 局 功 能， 可 以 指 定 文 档 或 图 片 在 某 一 个 地 方 出 现。 但 在 利 用 表 格 过 程 中， 要 注 意 一 些 问 题， 笔 者 利 用 FrontPage98 表 格 功 能 做 的 一 个 网 页， 在 IE4 浏 览 器 可 以 非 常 快 速 的 浏 览， 但 利 用 网 景 浏 览 器 时， 发 现 背 景 出 现 了 而 内 容 迟 迟 没 有 露 面， 经 过 分 析 发 现 是 因 为 表 格 的 缘 故。 因 为 表 格 嵌 套 过 深， 也 就 是 在 一 个 表 格 里， 还 包 含 数 个 其 它 表 格， 我 们 知 道， 当 浏 览 器 遇 到 表 格 时， 会 首 先 解 释 最 里 层 的 表 格， 然 后 再 解 释 外 层 的 表 格， 顺 序 是 从 里 到 外， 最 后 再 解 释 表 格 里 含 有 的 内 容， 也 就 是 说， 当 你 使 用 一 个 大 的 表 格， 而 其 中 又 包 含 其 它 表 格 时， 浏 览 器 的 解 释 将 变 得 十 分 麻 烦， 它 将 一 层 层 解 释 表 格， 然 后 浏 览 器 本 身 含 有 不 兼 容 的 的 问 题， 就 会 照 成 页 面 内 容 没 有 出 现， 但 数 据 还 在 传 输。 如 果 要 避 免 这 个 问 题， 专 家 建 议 不 嵌 套 超 过 三 层 的 表 格。 你 也 可 以 把 网 页 分 成 几 个 表 格 进 行 设 计， 比 如 标 题 导 航 一 个 表 格， 内 容 目 录 一 个 表 格， 然 后 制 作 信 息 一 个 表 格， 这 样 做 可 以 使 得 浏 览 器 分 开 解 释 表 格， 它 可 以 解 释 完 一 个 表 格 就 出 现 表 格 里 的 内 容， 然 后 再 解 释 下 一 个 表 格。

　 　 网 页 制 作 技 术 发 展 十 分 迅 速， 但 相 关 的 标 准 却 迟 迟 定 不 下 来， 这 当 然 主 要 是 两 大 浏 览 器 公 司 为 各 自 利 益 相 争 的 缘 故， 使 得 浏 览 器 的 兼 容 性 大 大 降 低， 往 往 在 某 一 个 浏 览 器 浏 览 十 分 好， 但 使 用 另 一 家 浏 览 器 时， 页 面 是 一 团 糟， 所 以， 当 我 们 制 作 完 网 页 后， 要 进 行 测 试， 下 面 就 谈 谈 这 个 问 题。

　 　

四 . 测 试 网 站

　 　 当 完 成 网 页 的 制 作， 测 试 网 页 是 必 须 的， 因 为 你 可 以 首 先 发 现 网 页 的 问 题， 比 如 下 载 的 速 度。

　 　 1. 确 定 自 己 的 想 法

　 　 我 们 制 作 网 页， 会 有 自 己 的 想 法， 比 如 提 供 给 别 人 什 么。 那 么， 我 们 就 要 确 定 自 己 的 某 些 想 法， 自 己 能 忍 受 的 网 页 下 载 速 度 是 多 少 秒， 10 秒， 还 是 30 秒， 再 看 看 你 的 网 页 是 否 达 到 了 这 个 标 准， 如 果 没 有 达 到， 分 析 一 下， 网 页 上 什 么 影 响 了 下 载 速 度， 你 可 以 试 着 取 消 某 一 个 图 片， 再 看 看， 当 然， 这 些 测 试 不 能 在 本 地， 而 要 把 网 页 上 载 到 服 务 器 上。

　 　 2. 人 工 测 试 网 站

　 　 要 测 试 网 站， 首 先 把 网 页 上 载 到 服 务 器 上， 然 后 打 开 浏 览 器， 把 缓 冲 里 的 资 料 全 部 删 除。 因 为 如 果 没 有 删 除， 浏 览 器 请 求 页 面 时， 会 读 取 缓 冲 里 已 含 有 的 内 容。 你 也 要 选 取 所 有 的 功 能 支 持， 比 如 JavaScript ， CSS 。 然 后 在 浏 览 器 里 填 写 请 求 的 URL ， 如 果 你 有 一 个 跑 表 或 者 某 一 个 能 够 计 秒 的 工 具， 在 请 求 的 开 始， 开 始 计 秒， 等 到 出 现 了 页 面 的 整 体 框 架 时， 停 止 计 秒， 看 看 下 载 的 时 间。 这 时 候， 你 并 没 有 获 得 网 页 的 全 部 内 容， 所 以 第 二 次 测 试， 将 是 看 看 下 载 完 全 的 网 页， 所 需 要 的 时 间， 重 复 以 上 所 有 过 程， 而 到 网 页 的 内 容 全 部 下 载 后， 停 止 计 秒， 然 后 再 看 看 所 花 的 时 间， 经 过 以 上 的 步 骤， 你 就 会 对 自 己 网 页 的 下 载 时 间 做 到 心 中 有 数 了。 当 然， 还 有 些 问 题 要 注 意， 比 如 测 试 网 站 的 时 间， 晚 间 就 较 快， 而 白 天 就 较 慢； 还 有 服 务 器 的 问 题， 不 同 的 浏 览 器， 不 同 的 调 制 解 调 器， 测 试 网 站 时 都 要 考 虑， 你 也 可 以 在 不 同 条 件 下 进 行 测 试。 当 然， 这 些 测 试 只 能 取 得 一 个 附 合 大 多 数 访 客 的 标 准， 要 附 合 每 一 位 访 客 的 要 求， 那 是 非 常 困 难 的。

　 　 3. 第 三 方 测 试

　 　 是 否 觉 得 人 工 测 试 很 麻 烦， 那 么 你 可 以 试 试 第 三 方 测 试， 也 就 是 请 你 的 朋 友 测 试， 询 问 他 们 的 感 觉。 当 然， 最 好 选 择 不 同 地 域 的 朋 友 一 起 来 测 试， 让 他 们 回 复 你， 告 诉 你 请 求 网 页 时 的 时 间 等 等， 因 为， 做 网 页 就 是 给 人 访 问 的， 所 以 访 客 就 是 权 威。

　 　 你 可 以 试 试 某 些 网 站 提 供 的 服 务， 只 需 在 网 站 上 填 写 一 张 表 格， 然 后 就 可 以 静 候 网 站 对 你 的 评 价 了， 如 果 填 写 了 自 己 的 电 子 邮 件 地 址， 那 么 它 会 把 测 试 结 果 发 送 到 邮 箱 里。 而 该 测 试 的 内 容 也 是 丰 富 的， 比 如 HTML 代 码 是 否 精 炼， GIF 及 JPEG 的 图 片 使 用 是 否 有 效 率 等 等， 的 确 值 得 一 试， 但 我 们 也 不 能 完 全 相 信， 因 为 这 种 服 务 多 数 都 在 国 外， 不 可 避 免 的 产 生 某 些 问 题。 如 果 需 要， 可 以 连 接 至 以 下 网 站 进 行 测 试 :

　 　 http://www.siteowner.com/


　 　 文 章 写 到 这 里， 我 也 知 道 这 并 不 是 提 高 网 页 访 问 速 度 技 术 的 全 部， 因 为， 要 提 高 自 己 网 页 的 访 问 速 度 需 要 自 己 在 实 践 中 去 总 结， 去 不 停 地 修 改。 如 果 你 从 来 都 没 有 重 视 过 这 个 问 题， 那 么 现 在 开 始 去 注 意 它， 因 为 自 己 发 现 缺 陷， 总 比 别 人 发 现 好， 你 说 呢？
[关闭本窗口]
[返回]