这将花费你一些有价值的加载时间 DIV>
这些细节似乎微不足道。但是,任务优化的文件春丽大的事情众所周知的一个步骤,从收集有点像。
要设置图像的大小 如果你不显式地设置表格单元格,行,列和相同的图像尺寸,以便在浏览器中显示的图像,所以你需要进行计算,处理时间加长。在某些情况下,计算不正确的图像大小,图像可能无法正确显示。 常用的装饰,使用CSS图像地图 除了使用的图像的地图,而不是使用多个图像是一种方法,该方法可以减少负载时间。在这种情况下,整个页面下载时间减少了,因为在同一时间下载的图像的各个部分。或者,您可以使用CSS脚本。减少使用的CSS脚本的HTTP请求的数目。页面布局或装饰来容纳所有的图像在一个单一的形象。通过调用特定的位置和大小在CSS中,你可以选择在地图上使用的特定元素。 要延迟加载的脚本(如果有) 此前,我曾建议,为了减少负荷和处理时间,消除不必要的JavaScript代码。但是,如果你在页面上删除所有不必要的JavaScript代码,我应该怎么办呢? 的方式,可以被使用,以减少网页下载时间,在这种情况下,可以更快速地加载网页,到的网页的末尾放置脚本。通常情况下,在同一时间下载的,所以最多只有两个对象在同一个域中的对象,如果JavaScript代码的脚本,浏览器将是完整的,直到停止下载其他页面组件。最后,当JavaScript代码被放置在页面的结尾,在大多数情况下,在下载完成后,以及其他组件的JavaScript代码被下载。 缓慢的加载该文件使用的Firebug扩展跟踪,你知道吗,最慢的JavaScript文件,在该文件中被加载。压缩JavaScript文件的下载速度会降低,但是这还不够。JavaScript可以延迟加载,使用下面的代码。 延迟= 5 的setTimeout(“(重)”,延迟* 1000);
此代码使一个五秒钟的延迟的沉重()方法调用。有了这个代码描述以下列方式使用JavaScript文件的全部工作可以延迟
在请求JavaScript文件加载
加载JavaScript请求时,会发生使用import()函数,如清单3所示。
清单3。进口()函数 函数导入(SRC){ VAR scriptElem 进口随机查询参数,以避免缓存 功能$ importNoCache(SRC){ VAR毫秒=新的日期()的getTime()toString()的 变种种子“吗?” + MS 进口(SRC +种子); }
功能检查负载
确定是否负载的功能,然后加载JavaScript文件还没有加载。要做到这一点,使用清单4中的代码。
清单4。要确定是否负载的功能 (myfunction的){ / /函数已加载 } {/ /函数没有被加载,所以加载JavaScript。 进口(http://www.yourfastsite.com/myfile.js'); }
注: 虽然您可以使用延迟属性不支持所有浏览器,包括Firefox这个属性。
优化CSS文件
妥善管理,通过优化CSS文件,如果你不需要大容量。例如,如果在CSS文件中的一个单独的类,下载时间延长。优化CSS文件,JavaScript文件以及必要的项目只包括要保持适当的大小。一个好主意,利用浏览器的缓存机制,使用外部文件,而不是一个内联定义。
要使用内容分发网络
CDN(内容分发网络)的下载时间是另一个很好的提高。部署在多台服务器连接到互联网,当你把图像从最近的服务器可以下载静态图像。此外,您可能能够更快速地响应快服务器上运行的,所以最CDN,负载在服务器上,无论多么小的服务器过载
增加的连接使用多个资产领域
优势的CDN CDN单独的域名是 在浏览器中的并发连接数在单个域,所以每次加载页面时,使用的线程很容易。因此,连接到的其他资产将被推迟。资产和加载不同的领域,但可以打开浏览器,所以在不同的领域的一个新的线程,或连接在相同的时间,如果加载的所有其他资产。
谷歌Gears才能使用(如果有的话)
谷歌Gears(请参阅参考资料)能力给予了很多用户重复下载相同的内容。齿轮通过的用户可以访问的Web应用程序脱机状态,以及在用户的计算机上可能会保持一个页面元素。因此,不仅是加载频繁更新的内容的齿轮可以被存储在数据库SQLite3的关系数据库系统。 直接从数据库服务器,而不是下为相同的内容请求可以被加载。
在安装齿轮,齿轮和API(应用程序编程接口)的工厂 gears_init.js的下载gears_init.js,从这个文件后,下面的代码命名。
如何得到src=\"gears_init.js\"> script> 齿轮,以验证安装和使用清单5中的代码。 清单5。要确定是否安装齿轮 如果(!window.google!google.gears) 的location.href =消息http://gears.google.com/?action=install&message =“欢迎” +“回报= <返回