有人对我如何减少主页大小有建议吗?请 http://www.floorsandchores.net
4 回答
所有其他答案都是正确的,但是您可以进行额外的微调。;-)
1.)您有一百万个不间断空格用于对齐...使用 CSS 代替:
2.) 必须有一些比 1999 年左右的 Macromedia 预加载器更好的图像预加载。
3.) 使用服务器端评论,不会被推送到客户端
4.) 你的代码中有大量的空onclick=""
处理程序。如果您不需要它们,请将它们撕掉。
5.) 删除所有空font
标签、强标签和未使用的 div
6.) 除非您将其覆盖为内联,否则您不需要添加display:block
到您的 div 中
7.) 你的网站图标是一个 BMP 文件......它应该是 IE 的 ICO(和/或现代浏览器的 PNG)
8.) 删除右键单击阻止程序 - 不再有任何意义。所有浏览器都以您无法阻止的方式完全公开整个 HTML/JS/CSS 供任何人查看。
9.) 删除/重构针对 IE4 和 Netscape6 的 JavaScript——这两个浏览器都在几年前就死了
10.) 你有这个元标记声明了两次......<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
11.)您可能不需要在链接上使用它:target="_self"
If you use a tool such as YSlow or Google Page Speed they will tell you what kind of optimizations that would increase the performance of your site. I can tell that your not gzip:ing your html, js-files and so on. Turning on gzip will reduce the size that gets downloaded to the client drastically.
相对而言,这不是一个巨大的文件,但如果他们提交代码供审查,我会告诉我的员工:
- Javascript 是老式的(看起来是自动生成的?),您可以通过使用 JQuery 或在翻转图像、纯 CSS 等情况下最小化您在每个请求中发送的内容。
- CSS 可用于删除重复元素,例如
font-size: 10px;
在页面上内联执行 17 次的元素。只需为 font-size=10px 的字体设置一个 CSS 属性(或者更好的是,为 html 设置一个并为子选择器设置百分比) - 通过CSS 优化器运行页面
- 使用语义标记,这将清理页面并有助于 SEO!
- 合并 CSS 文档以减少 HTTP 请求的数量
- 签入W3 验证器。本身不节省空间,但您当前报告了 18 个错误
您是否在考虑以千字节为单位的大小?
您的页面当前为 182K。这不是很多。
要了解您网站的大小以及如何优化加载速度,我推荐 firebug for firefox 和 yahoo 的yslow(添加到 firebug)——它会告诉您页面大小、如何优化网站等。
根据 YSlow 的说法,你目前的成绩是C
,还不错。
页面加载速度
如果您正在考虑加快您的网站速度,有几种方法。
要加快页面速度,您可以执行以下操作:
- 您目前有 7 个 javascript 文件和 5 个 css 文件。css 文件可以合并为一个,javascript 文件可以减少到(我认为)两个或三个。
</body>
您实际上应该将 javascript 文件放在结束标记之前的右下角- 您可以添加“过期标头” - 您可以在
.htaccess
文件中执行此操作(至少在 apache 服务器上) - 这不会影响新用户,但经常来的用户会感觉到不同。
GZip 压缩
您可以在您的网站上启用 gzip 压缩。有一个 apache 插件 - 但不确定您的主机是否兼容。但这将大大减小尺寸。