Javascript 使站点加载更快
我有8MB的PNG文件,但问题是我不能再解压缩了,我尝试了每一个PNG压缩器。也许代码中也有一些东西?因为这个网站需要很长时间才能加载。有没有办法压缩javascript或html之类的内容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插
只要看一下源代码,也许我可以做些什么来加快速度?你用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
已加载要加快页面加载速度,请执行以下操作:
放在正文的末尾
-此
确保在任何JavaScript之前呈现初始css和html
已加载是的。它们就像一个300kb的片段,图像在html中被缩小。最好以您希望显示它们的分辨率保存它们。然后按需加载更大的img(单击ajax)。是的,但是当你单击它们时,它们会变得更大。我也可以尝试创建你正在使用的相框的两个PNG——一个水平,一个垂直,并将你的图像覆盖在相框的顶部,这样你只为图库加载两个PNG,而不是为每张照片加载一个。是的。它们就像一个300kb的片段,图像在html中被缩小。最好以您希望显示它们的分辨率保存它们。然后按需加载更大的img(单击ajax)。是的,但当您单击它们时,它们会变得更大。我还可以尝试创建您正在使用的相框的两个PNG-一个水平和一个垂直,并将您的图像覆盖在相框顶部,这样您只需为图库加载两个PNG,而不是为每张照片加载一个PNG。快速提示;可能会给你带来一些工作。所有照片应为jpg。我知道您选择png是因为框架边框,但您应该将框架作为第二个png文件。@OptimusCrime,您是对的&mystycs,始终使用JPG处理照片,png处理矢量形状和透明图像。您也可以使用sprites阅读本文快速说明;可能会给你带来一些工作。所有照片应为jpg。我知道你选择png是因为t