减少html大小

时间:2011-02-23 22:42:57

标签: html size reducing

有人建议我如何减少我的主页尺寸 http://www.floorsandchores.net

4 个答案:

答案 0 :(得分:1)

所有其他答案都是正确的,但您可以进行额外的微调。 ; - )

1。)你有一百万个不间断的空间用于对齐...使用CSS而不是这个:

     

2。)从大约1999年开始,必须有一些比Macromedia预加载器更好的图像预加载。

3.使用服务器端注释,但不会被推送到客户端

4.。)您的代码中有大量空onclick=""个处理程序。如果你不需要它们,请把它们撕掉。

5.删除所有空的font代码,强标记以及未使用的div

6。)除非你将其覆盖为内联,否则你不需要将display:block添加到你的div中

7.。)你的favicon是一个BMP文件...它应该是IE的IEO(和/或现代浏览器的PNG)

8。)删除右键单击阻止程序 - 它已经没有任何意义了。所有浏览器都完全暴露整个HTML / JS / CSS,以便任何人都能以您无法阻止的方式查看。

9.删除/重构目标IE4和Netscape6的JavaScript - 这些浏览器都在几年前就已经死了

10。)您已将此元标记声明两次...... <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

11。)您可能不需要链接:target="_self"

答案 1 :(得分:0)

您是否考虑以千字节为单位的大小?

您的网页目前是182K。这不是很多。

要了解您的网站大小,了解如何优化加载速度,我推荐firebug用于firefox和yahoo的yslow(添加到firebug) - 它会告诉您页面大小,如何优化网站等。

根据YSlow的说法,你目前的成绩为C,这并不是那么糟糕。


页面加载速度

如果您正在考虑加快网站速度,有几种方法。

要加快页面速度,您可以执行以下操作:

  • 您目前有7个javascript文件和5个css文件。 css文件可以组合成一个,javascript文件可以减少到(我认为)两个或三个。
  • 您应该在结束</body>标记
  • 之前将javascript文件放在右下方
  • 您可以添加“过期标题” - 您可以在.htaccess文件中(至少在Apache服务器上)执行此操作 - 这不会影响新用户,但经常会遇到的用户会有所不同。

GZip压缩

您可以在您的网站上启用gzip压缩。有一个apache插件 - 但不确定你的主机兼容。但这会大大减小尺寸。

答案 2 :(得分:0)

如果您使用YSlowGoogle Page Speed等工具,他们会告诉您哪种优化可以提高您网站的效果。我可以告诉你,你不是gzip:你的html,js文件等等。打开gzip会大大减少下载到客户端的大小。

答案 3 :(得分:0)

相对而言,这不是一份庞大的文件,但是我告诉我的员工他们是否提出了要审查的代码:

  • Javascript是老派(看起来 自动生成?)你可以 最小化您发送的内容 在每个请求上使用JQuery 或者在翻滚等情况下 图像,纯CSS。
  • CSS可用于删除重复元素,例如font-size: 10px;,它在页面上内联完成17次。只需为font-size = 10px设置字体的CSS属性(或者更好的是,为html设置一个并为子选择器设置百分比)
  • 通过CSS optimizer
  • 运行该页面
  • 使用语义标记,它将清理页面并帮助SEO!
  • 合并CSS文档以降低HTTP请求数量
  • 签入W3 Validator。本身不节省空间,但您目前报告18个错误