2015-01-19 2 views
0

Я управляю сайтом, который проводит онлайн-курсы с классами giveon на HTML-странице. Каждый класс находится на собственной странице, и невозможно разбить класс на нескольких страницах. Моя проблема заключается в том, что браузеры останавливаются при загрузке классов. Существует около 2000 элементов DOM, 100 из которых представляют собой изображения, около 2 PDF-документов (в диапазоне 200k-20MB) и от 1 до 3 видеороликов YouTube.Оптимизируйте контент с тяжелой HTML-страницей

Что я могу сделать, чтобы сайт загружался «постепенно»? Если бы я напечатал классы (есть кнопка печати), это займет от 20 до 60 страниц. Здесь (http://i.imgur.com/7VRLlPb.jpg) скриншот одной из записей

Текста нечеткого изображения, потому что они несколько частных

+0

первое, что нужно сделать, это проверить, что IMG и все другие внедряемые HTML теги имеют размер определен. 2000 элементов DOM не так много, если они все легко визуализируются. Но определенно вы хотите иметь прогрессивную загрузку. Это может быть просто проверка, чтобы идти вперед. – ikettu

+0

Все элементы IMG имеют свой размер. Самые большие страницы занимают более 4 тыс. Элементов DOM, но их немного. На моем настольном компьютере нет проблем, но у меня появилось несколько жалоб от людей на ультрабуках –

ответ

1

Вы можете попробовать методы «прогрессивная загрузка».

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

Его, однако, не просто сделать. Для того, чтобы это эффективно, вам нужно больше знаний в JavaScript. Существует множество библиотек, доступных для этого.

Но, сначала нужно получить представление о прогрессивной загрузки techinques

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

Смежные вопросы