使网站加载更快

时间:2011-12-14 07:28:01

标签: javascript jquery html css compression

我有8 MB的PNG文件,但问题是我不能解压缩它们我尝试了每个png压缩器。也许这也是代码中的东西?因为该网站永远负载该死的。有没有办法可以压缩javascript或html左右?

请看一下源代码,也许我可以做些什么来加快速度?

5 个答案:

答案 0 :(得分:2)

您的网页上有如此多的http请求。尝试使用spritesheets和内联css和javascript来减少请求数量。

我看到你也在使用图片作为菜单?尝试使用@ font-face指令使用字体。 (当您将鼠标悬停在菜单项上时,这也可以防止您看到的闪光灯)

并尝试使用jpegs(因为它们允许对照片进行更好的压缩)以进行幻灯片放映。使用框架边框的png以允许透明度。这也可以提供更大的灵活性,因为如果有更多照片要添加到旁边,你不必在photoshop中手动添加frameborder。

你可以做很多其他事情来提高你的速度。您应该尝试遵循现代网络行业的一些最佳实践。

一些有用的资源:

Move the Web Forward

HTML5 Boilerplate

答案 1 :(得分:1)

您是否使用Photoshop创建了PNG?如果是这样,你使用File>保存为Web以保存图像?这样可以将PNG的大小减少一吨。

答案 2 :(得分:1)

尝试在Firefox中运行YSlow插件。

YSlow根据雅虎的高性能网站规则分析网页以及为什么它们变慢。

https://addons.mozilla.org/en-US/firefox/addon/yslow/

答案 3 :(得分:1)

让您的网页加载速度更快的事情:

  1. 将所有<scripts>放在body的末尾 - 这个 确保在任何JavaScripts之前呈现初始css和html 载满了。
  2. 将图片转换为jpg。由于您的图库图像没有 透明度,没有必要png。
  3. 调整图库图片大小,它们是bigger,而不是
  4. 将较小的图标,菜单项和其他图形放入sprites
  5. 使用@font-face服务器文本作为图像
  6. 使用css gradients表示图像中的渐变
  7. 使用UglifyJs
  8. 等工具压缩您的JavaScript

答案 4 :(得分:0)

安装Chrome和Firefox的网页速度,可以衡量您的速度并为其评分,并为您提供有关如何提高网页速度的建议。

http://code.google.com/speed/page-speed/

N.B:您必须在Chrome上接受Experimental Extension Apis并安装适用于Firefox的Firebug。

享受!