Я работаю над JS/HTML-игрой, где все объекты являются элементами HTML (в основном <img>
). Их top
и left
CSS-атрибуты (иногда вместе с другими, такие как поля, преобразования и т.д.) Динамически изменяются кодом JS (30-80 раз в секунду). Я заметил огромное улучшение производительности, когда я переключился с использования.png файлов на.gif(22 кадра в секунду → 35 кадров в секунду), но все же:
Может ли дальнейшее уменьшение размера файлов (на 10-30%) реально заметно улучшить производительность преобразования CSS? Я бы просто протестировал его, но я говорю о ~ файлах размером ~ 250 gif; и я тоже не хочу потерять слишком много качества.
Сокращение объема данных (= размер файла), которое должно быть обработано, обычно будет иметь положительное влияние на производительность, но какое влияние оно будет иметь, всегда нужно тестировать и измерять, так как всегда зависит от того, насколько хорошо ваш код работает вместе со всеми окружающими структурами, браузером и даже тем, как основное оборудование выполняет вычисления. В худшем случае, когда вам нужно создать много изменений размеров новых пикселей, особенно если вам придется увеличить размер изображения вашего изображения заново, вы даже можете создать потерю производительности. Нет абсолютного ответа на то, насколько хороши или плохи ваши изменения, пока вы не проверили и не измерили его в своей системе самостоятельно.
Об уменьшении размера файла GIF:
Что касается производительности игры и изображений:
Надеюсь это поможет.
Почему вы не используете JPEG? Он компактный. Да, размеры изображений влияют на производительность.
Кроме того, проверьте " CSS-спрайты ", вы можете иметь одно изображение со всеми вашими иконами/изображениями и обрабатывать представление с помощью CSS. Вы получите лучшую производительность, так как вы загружаете одно изображение.