Difference between revisions of "Aggressive Optimizations"

From Verge3D Wiki
Jump to navigationJump to search
m
 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
Here is the list of aggressive optimizations that you can use as quick & dirty hacks to boost performance of your apps. All these techniques reduce rendering quality, so use them with caution! Normally, you should always be patient and stick to the "official" recommendations specified [https://www.soft8soft.com/docs/manual/en/introduction/Optimizing-WebGL-performance.html here] and [https://www.soft8soft.com/docs/manual/en/introduction/Performance-Bottlenecks.html here].
[[Category:Tutorials]]{{#seo:
|description=This guide includes quick & dirty hacks which you can use to boost the performance of your WebGL apps
|keywords=Optimizations, 3D, WebGL, 3DWeb, Web3D, Verge3D
|image=scissors.jpg
}}
[[File:scissors.jpg|right|thumb|600px|Cut off features slowing you down!]]
Here is the list of aggressive optimizations that you can use as quick & dirty hacks to boost the performance of your apps. All these techniques reduce rendering quality, so use them with caution! Normally, you should always be a patient optimizer and stick to the "official" recommendations specified [https://www.soft8soft.com/docs/manual/en/introduction/Optimizing-WebGL-performance.html here] and [https://www.soft8soft.com/docs/manual/en/introduction/Performance-Bottlenecks.html there].


== Disable shadows ==
== Disable shadows or reduce their quality ==


This can help a lot, especially if you:
Disabling shadows altogether can help a lot. However, if this hurts your feelings, follow these recommendations:


* Use huge shadow maps (perhaps it's time to reduce [https://www.soft8soft.com/wiki/index.php/Common_gotchas_with_Verge3D#Huge_shadow_maps] their size!)
* Use smaller shadow maps ([https://www.soft8soft.com/wiki/index.php/Common_gotchas_with_Verge3D#Huge_shadow_maps see here why])
* Use a lot of shadow sources (stick to just one!)
* Use just one light that casts shadows
* Use PCF (Poisson Disk) / ESM shadow filtering (choose [https://www.soft8soft.com/docs/manual/en/blender/Shadows.html#shadow_filtering Basic or Bilinear])
* Use Basic or Bilinear shadow filtering instead of PCF (Poisson Disk) / ESM shadow ([https://www.soft8soft.com/docs/manual/en/blender/Shadows.html#shadow_filtering check out this info])
* Cast shadows from the point lights (never!)
* Never cast shadows from the point lights!


== Disable post-processing ==
== Disable post-processing ==


It's not always about post-processing puzzles. Don't forget about [https://www.soft8soft.com/docs/manual/en/blender/Lighting-and-Rendering.html#ambient_occlusion ambient occlusion] and [https://www.soft8soft.com/docs/manual/en/blender/Lighting-and-Rendering.html#outline_rendering outlining] which are enabled in the modeling suite!
It's not always about the post-processing puzzles. Don't forget about [https://www.soft8soft.com/docs/manual/en/blender/Lighting-and-Rendering.html#ambient_occlusion ambient occlusion] and [https://www.soft8soft.com/docs/manual/en/blender/Lighting-and-Rendering.html#outline_rendering outlining] enabled in the modeling suite!


== Disable HDR rendering ==
== Disable HDR rendering ==


Of course you [https://www.soft8soft.com/wiki/index.php/Common_gotchas_with_Verge3D#Enabling_HDR_Rendering_when_not_required never enable it] without proper thinking.
We trust you [https://www.soft8soft.com/wiki/index.php/Common_gotchas_with_Verge3D#Enabling_HDR_Rendering_when_not_required never enable it] without proper thinking.


== Remove reflection cubemaps and planes ==
== Get rid of light probes ==


[https://www.soft8soft.com/docs/manual/en/blender/Lighting-and-Rendering.html#light_probes Reflection cubemaps] affect loading speed, [https://www.soft8soft.com/docs/manual/en/blender/Lighting-and-Rendering.html#reflection_plane_light_probes planes] affect both loading speed and rendering performance. Both consume GPU memory.
[https://www.soft8soft.com/docs/manual/en/blender/Lighting-and-Rendering.html#light_probes Reflection cubemaps] affect loading speed, while [https://www.soft8soft.com/docs/manual/en/blender/Lighting-and-Rendering.html#reflection_plane_light_probes planes] affect both loading speed and rendering performance. Both consume extra GPU memory.


== Use either light sources or HDR environment reflections ==
[[File:reflection_cubes_and_planes.jpg|900px]]


Stick to one of them:
== Choose between IBL reflections and lights ==


* Keep light sources (preferably one light) but disable specular environment reflections by switching [https://www.soft8soft.com/docs/manual/en/blender/Lighting-and-Rendering.html#ibl_environment_mode IBL mode] - use Light Probe which provides only diffuse lighting.
Don't use them both in the same scene, stick to one of the following:


* Remove all light sources. For better performance you might switch [https://www.soft8soft.com/docs/manual/en/blender/Lighting-and-Rendering.html#ibl_environment_mode IBL mode] to "Light Probe + Cubemap".
* Keep IBL map but remove all light sources. For better performance, you might also switch [https://www.soft8soft.com/docs/manual/en/blender/Lighting-and-Rendering.html#ibl_environment_mode IBL mode] to "Light Probe + Cubemap".
 
OR:
 
* Keep light sources (preferably one light) but disable specular reflections from your IBL maps by switching [https://www.soft8soft.com/docs/manual/en/blender/Lighting-and-Rendering.html#ibl_environment_mode IBL mode] to "Light Probe" (which provides only diffuse lighting).


== Set IBL cubemap size to 256 ==
== Set IBL cubemap size to 256 ==


Quick and easy, almost no quality harm, but makes your app less VRAM-hungry. See [https://www.soft8soft.com/docs/manual/en/blender/Lighting-and-Rendering.html#global_rendering_properties_indirect here].
Being quick and easy, and with almost no harm to quality, this makes your app less VRAM-hungry. See [https://www.soft8soft.com/docs/manual/en/blender/Lighting-and-Rendering.html#global_rendering_properties_indirect here].


== Set View Transform to Standard ==
== Set View Transform from AgX/Filmic to Standard ==


Blender only. Perhaps you didn't even know about the [https://www.soft8soft.com/docs/manual/en/blender/Lighting-and-Rendering.html#global_rendering_properties_color_management existence] of this Blender setting... It's nothing serious, just minor FPS boost and minor reduction of the scene loading time. However, it is just a couple of clicks and brings you no quality harm (just slightly different scene look).
Blender only. Perhaps you didn't even know about the [https://www.soft8soft.com/docs/manual/en/blender/Lighting-and-Rendering.html#global_rendering_properties_color_management existence] of this Blender setting... It's nothing serious, just minor FPS boost and minor reduction of the scene loading time. However, it is just a couple of clicks and brings you no quality harm (just slightly different scene look).
== Get rid of procedural textures ==
The noise (and noise-like) textures are especially bad for performance - stick to the regular image textures with noise pattern. Node-based checker textures are OK.
== No hardcore anti-aliasing ==
MSAA 16x is really bad for performance, use Auto, MSAA 4x, or FXAA. Disabling anti-aliasing altogether should be considered if you really don't mind about the quality.
== Use ETC1S compression for all textures ==
You'll surely get some artifacts with this compression algorithm, but the memory and network bandwidth savings are truly enormous. Just check this lamp out sampling courtesy of Khronos:
[[File:ktx-comparison.jpg|900px]]
The instructions are [https://www.soft8soft.com/docs/manual/en/introduction/Texture-Compression.html#tweaking_compression here].


== Reduce amount of rendered pixels ==
== Reduce amount of rendered pixels ==


This one is brutal. Use the [https://www.soft8soft.com/docs/manual/en/puzzles/System.html#set_screen_scale set screen puzzle] with value < 1. Start with 0.75 and continue to 0.5.
This one is brutal. Use the [https://www.soft8soft.com/docs/manual/en/puzzles/System.html#set_screen_scale set screen scale] puzzle with value < 1. Start with 0.75 continue to 0.5.


== Emission shading only ==
== Emission shading only ==


Absolute hardcore which can make your scene as fast as a lightning bolt. This is how good old 3D games were made back in 90-es. Don't worry about quality, though, since in 2020-es you have way more geometry and larger textures in your possession.
Absolute hardcore which can make your scene as fast as a lightning bolt. The idea is simple - bake everything to textures (ambient occlusion, lighting, diffuse) and use only emission shaders.


The idea is simple - bake everything to textures (ambient occlusion, lighting, diffuse) and use only emission shaders.
This is how good old 3D games were made back in 1990s. Still you can have decent quality because GPUs in 2020s can handle way more geometry and much larger textures.

Latest revision as of 19:55, 1 May 2024

Cut off features slowing you down!

Here is the list of aggressive optimizations that you can use as quick & dirty hacks to boost the performance of your apps. All these techniques reduce rendering quality, so use them with caution! Normally, you should always be a patient optimizer and stick to the "official" recommendations specified here and there.

Disable shadows or reduce their quality

Disabling shadows altogether can help a lot. However, if this hurts your feelings, follow these recommendations:

  • Use smaller shadow maps (see here why)
  • Use just one light that casts shadows
  • Use Basic or Bilinear shadow filtering instead of PCF (Poisson Disk) / ESM shadow (check out this info)
  • Never cast shadows from the point lights!

Disable post-processing

It's not always about the post-processing puzzles. Don't forget about ambient occlusion and outlining enabled in the modeling suite!

Disable HDR rendering

We trust you never enable it without proper thinking.

Get rid of light probes

Reflection cubemaps affect loading speed, while planes affect both loading speed and rendering performance. Both consume extra GPU memory.

Reflection cubes and planes.jpg

Choose between IBL reflections and lights

Don't use them both in the same scene, stick to one of the following:

  • Keep IBL map but remove all light sources. For better performance, you might also switch IBL mode to "Light Probe + Cubemap".

OR:

  • Keep light sources (preferably one light) but disable specular reflections from your IBL maps by switching IBL mode to "Light Probe" (which provides only diffuse lighting).

Set IBL cubemap size to 256

Being quick and easy, and with almost no harm to quality, this makes your app less VRAM-hungry. See here.

Set View Transform from AgX/Filmic to Standard

Blender only. Perhaps you didn't even know about the existence of this Blender setting... It's nothing serious, just minor FPS boost and minor reduction of the scene loading time. However, it is just a couple of clicks and brings you no quality harm (just slightly different scene look).

Get rid of procedural textures

The noise (and noise-like) textures are especially bad for performance - stick to the regular image textures with noise pattern. Node-based checker textures are OK.

No hardcore anti-aliasing

MSAA 16x is really bad for performance, use Auto, MSAA 4x, or FXAA. Disabling anti-aliasing altogether should be considered if you really don't mind about the quality.

Use ETC1S compression for all textures

You'll surely get some artifacts with this compression algorithm, but the memory and network bandwidth savings are truly enormous. Just check this lamp out sampling courtesy of Khronos:

Ktx-comparison.jpg

The instructions are here.

Reduce amount of rendered pixels

This one is brutal. Use the set screen scale puzzle with value < 1. Start with 0.75 continue to 0.5.

Emission shading only

Absolute hardcore which can make your scene as fast as a lightning bolt. The idea is simple - bake everything to textures (ambient occlusion, lighting, diffuse) and use only emission shaders.

This is how good old 3D games were made back in 1990s. Still you can have decent quality because GPUs in 2020s can handle way more geometry and much larger textures.