Lenald » 11 июл 2014, 02:10
Есть проблема:
Прилепил такую штуку: на главной странице пишется рандомная надпись (1 строка) и body onLoad="анимировать её()".
К странице подключены:
Стили сайта (1Кб)
jQuery.js (267Кб)
jQuery UI Custom: Effect Core (32Кб)
скрипт-файл, в котором массив с текстами, рандомайзер-писатель, и фугкция с поледовательностью анимаций (переливов цветов) (1Кб)
Сама страница - 4Кб.
Итого 305 Кб (765 Кб, если брать в счёт фоновую картинку).
Анимация - перелив между семью цветами: f00, ff0, 0f0, 0ff, 00f, f0f, 000, самовызов. Каждый перелив - секунда.
Запускается по боди онлоад, ибо $(document).ready(анимация()). Не работала. Приходилось вызывать анимацию вручную из консоли, в результате чего спустя 30 секунд текст начинал переливаться, а в консоль выводилось "RangeError: Maximum call stack size exceeded".
В чём проблема:
Переход/обновление страницы занимает от 30 секунд! Минимум на 5с - прогружено всё, кроме фоновой картинки, нет анимации. Минимум на 25с - появляется фон, начинается лжеанимация: раз в секунду меняется цвет. Минимум на 28с - ровная анимация.
Во время прогрузки страницы ЦП зависает на сотне. Файл подкачки взлетает до 256 Мб. (Со 110).
После прогрузки страницы во время поддержки анимации Цп Скачит от 60 до 100 и обратно каждые 2-3 секунды (равномерным заборчиком). Подкачка делает то же самое, но амплитуда меньше. И это на ПОДДЕРЖКУ АНИМАЦИИ!
Бывает, что хром и вовсе не мог отрендерить страницу: вылетало окно с папкой в шарфе и снежинками. Чаще всего при обновлении страницы.
Не думайте, что всё ужасно: это не игровой комп. Оператива 128Мб.
Но я хочу спросить, можно ли как-то оптимизировать? Ну ненормальны такие требования! Он спокойно тянет Фотошоп ЦС2 и Аимп одновременно!
Завтра пойду гляну на игровом.
Очень не хочется отказываться от анимации. Я над ней долго мучался.
Заранее спасибо.
[]