优化内容繁重的HTML页面

时间:2015-01-19 06:27:07

标签: javascript html dom

我正在管理一个网站,该网站使用HTML页面上的课程进行在线课程。 每个类都在它自己的页面上,不可能在多个页面上拆分该类。 我的问题是浏览器在加载类时停止运行。 大约有2000个DOM元素,其中100个是图像,大约2个PDF文档(在200k-20MB范围内),以及1到3个YouTube视频。

我可以做些什么来逐步加载网站" ?如果我要打印课程(那里有一个打印按钮),它需要20到60页。 这里(http://i.imgur.com/7VRLlPb.jpg)是其中一个条目

的屏幕截图

文字污迹,因为它们有点私密

1 个答案:

答案 0 :(得分:1)

您可以尝试渐进式加载'技术。

http://docforge.com/wiki/Web_application/Progressive_loading

但这并不简单。您需要掌握更多JavaScript知识才能有效地执行此操作。 有很多图书馆可以这样做。

但是,首先要了解渐进式加载技术

http://www.slideshare.net/stoyan/progressive-downloads-and-rendering