如何优化我的网页(这是非常大的)?

时间:2011-01-31 04:56:46

标签: javascript html web-applications browser

我正在开发一个Web应用程序......

应用程序运行正常,但问题是我第一次在浏览器中打开应用程序它显示一个空白页面我必须刷新三到四次才能完全正确地加载页面..... < / p>

我认为我的应用程序太重了,无法加载,但是一旦加载它就好了......

我可能有5个JavaScript文件大小约为130mb,还有一些UI组件......

是否有一种可能的方法来控制它,以便我加载应用程序它返回整个应用程序而不必一次又一次地点击刷新....

有没有办法优化此页面....

请帮忙......

谢谢你......

嗨,

有没有办法在第一次没有加载时自动重新加载页面?

4 个答案:

答案 0 :(得分:2)

  1. 检查您是否可以在javascript中优化代码。您是否需要在这5个javascript文件中定义的所有功能?如果不是,您可以拆分它并在需要此功能的其他页面加载时加载它。

  2. 试着找出代码的哪一部分太慢了?

答案 1 :(得分:2)

  • 1.3 MB的javascript太多了。尝试压缩你的javascript。
    http://jscompress.com/

  • 压缩后,尝试延迟加载可能的javascript文件:

http://www.websiteoptimization.com/speed/tweak/defer/

  • 运行YSlow插件以收集有关可能的优化的更多信息

http://developer.yahoo.com/yslow/

答案 2 :(得分:0)

最简单的方法是运行YSlow on a Firefox Console
您还应该使用YUI Compressor

压缩您的javascript文件

答案 3 :(得分:0)

你有minified你的javascript。这使得人们更难理解,但可以显着减小文件大小。如果其中一个脚本是jQuery,您可以考虑在您的页面上引用google上托管的副本,而不是将其托管在服务上。谷歌的服务器可能比你的服务器更快,很多用户都会从谷歌缓存中获得jQuery的副本。

如果网站图像太重且使用了PNG,您可以考虑使用pngcrush

等工具从中删除一些数据以缩小它们

正如其他一些人所说,通过YSlow运行页面很可能有助于找到可能导致性能下降的问题