Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使站点加载更快_Javascript_Jquery_Html_Css_Compression - Fatal编程技术网

Javascript 使站点加载更快

Javascript 使站点加载更快,javascript,jquery,html,css,compression,Javascript,Jquery,Html,Css,Compression,我有8MB的PNG文件,但问题是我不能再解压缩了,我尝试了每一个PNG压缩器。也许代码中也有一些东西?因为这个网站需要很长时间才能加载。有没有办法压缩javascript或html之类的内容 只要看一下源代码,也许我可以做些什么来加快速度?你用Photoshop创建PNG了吗?如果是,您是否使用文件>为Web保存图像?这将使您的PNG尺寸减少一吨。您是否使用Photoshop创建PNG?如果是,您是否使用文件>为Web保存图像?这将使您的PNG大小减少一吨。尝试在Firefox中运行YSlow插

我有8MB的PNG文件,但问题是我不能再解压缩了,我尝试了每一个PNG压缩器。也许代码中也有一些东西?因为这个网站需要很长时间才能加载。有没有办法压缩javascript或html之类的内容


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

你用Photoshop创建PNG了吗?如果是,您是否使用文件>为Web保存图像?这将使您的PNG尺寸减少一吨。

您是否使用Photoshop创建PNG?如果是,您是否使用文件>为Web保存图像?这将使您的PNG大小减少一吨。

尝试在Firefox中运行YSlow插件

YSlow基于Yahoo!分析网页及其速度慢的原因s高性能网站的规则


尝试在Firefox中运行YSlow插件

YSlow基于Yahoo!分析网页及其速度慢的原因s高性能网站的规则


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

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

并尝试使用JPEG(因为JPEG通常可以更好地压缩照片)进行幻灯片放映。使用png作为框架边框以实现透明度。这也将允许更大的灵活性,因为如果有更多照片要添加到sideshow中,您不必在photoshop中手动添加框架边框

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

一些对您有用的资源:


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

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

并尝试使用JPEG(因为JPEG通常可以更好地压缩照片)进行幻灯片放映。使用png作为框架边框以实现透明度。这也将允许更大的灵活性,因为如果有更多照片要添加到sideshow中,您不必在photoshop中手动添加框架边框

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

一些对您有用的资源:


为Chrome和Firefox安装页面速度,它可以测量您的速度并对其进行评级,并为您提供如何提高页面速度的建议

注意:你必须接受Chrome上的
实验性扩展API
,并安装Firefox的Firebug


享受吧

为Chrome和Firefox安装页面速度,它可以测量您的速度并对其进行评级,并为您提供如何提高页面速度的建议

注意:你必须接受Chrome上的
实验性扩展API
,并安装Firefox的Firebug


享受吧

加快页面加载速度的方法:

  • 将所有
    放在
    正文的末尾
    -此 确保在任何JavaScript之前呈现初始css和html 已加载
  • 将图像转换为jpg。因为您的图库图像没有 透明度,不需要png
  • 调整多媒体资料图像的大小,它们超出了需要
  • 将较小的图标、菜单项和其他图形放入
  • 将服务器文本的插入部分用作图像
  • 用于在图像中设置渐变
  • 使用如下工具压缩JavaScript

  • 要加快页面加载速度,请执行以下操作:

  • 将所有
    放在
    正文的末尾
    -此 确保在任何JavaScript之前呈现初始css和html 已加载
  • 将图像转换为jpg。因为您的图库图像没有 透明度,不需要png
  • 调整多媒体资料图像的大小,它们超出了需要
  • 将较小的图标、菜单项和其他图形放入
  • 将服务器文本的插入部分用作图像
  • 用于在图像中设置渐变
  • 使用如下工具压缩JavaScript

  • 是的。它们就像一个300kb的片段,图像在html中被缩小。最好以您希望显示它们的分辨率保存它们。然后按需加载更大的img(单击ajax)。是的,但是当你单击它们时,它们会变得更大。我也可以尝试创建你正在使用的相框的两个PNG——一个水平,一个垂直,并将你的图像覆盖在相框的顶部,这样你只为图库加载两个PNG,而不是为每张照片加载一个。是的。它们就像一个300kb的片段,图像在html中被缩小。最好以您希望显示它们的分辨率保存它们。然后按需加载更大的img(单击ajax)。是的,但当您单击它们时,它们会变得更大。我还可以尝试创建您正在使用的相框的两个PNG-一个水平和一个垂直,并将您的图像覆盖在相框顶部,这样您只需为图库加载两个PNG,而不是为每张照片加载一个PNG。快速提示;可能会给你带来一些工作。所有照片应为jpg。我知道您选择png是因为框架边框,但您应该将框架作为第二个png文件。@OptimusCrime,您是对的&mystycs,始终使用JPG处理照片,png处理矢量形状和透明图像。您也可以使用sprites阅读本文快速说明;可能会给你带来一些工作。所有照片应为jpg。我知道你选择png是因为t