# Webpack/Phaser Performance Issue

**URL:** <https://phaser.discourse.group/t/webpack-phaser-performance-issue/7665>\
**Category:** Phaser 3\
**Created:** [October 13, 2020, 5:32am UTC](https://phaser.discourse.group/t/webpack-phaser-performance-issue/7665 "2020-10-13T05:32:48Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![t\_rev44](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/t_rev44/32/4157_2.png) [@t\_rev44](https://phaser.discourse.group/u/t_rev44)\
**Post date:** [October 13, 2020, 5:32am UTC](https://phaser.discourse.group/t/webpack-phaser-performance-issue/7665/1 "2020-10-13T05:32:48Z")

</div>

Hello,

When I was developing my game using imports to connect the classes, it ran smoothly. Now that I’ve bundled my project with Webpack, it has become very choppy. Here is a 10 second video demonstrating the issue.

[![](https://global.discourse-cdn.com/free1/uploads/phaser1/original/2X/a/afdace02d41f52a8e196ed57b15c52f553146248.jpeg "Phaser/Webpack Performance Issue") ](https://www.youtube.com/watch?v=xziViK91DSw)

I have tried many solutions/manipulations of the config file to try to get it to work smoothly. I tried using terser and babel, not using them, using the optimization settings on the webpack docs, every combination I can think of. Everything makes it choppy with Webpack.

Does anyone know what I can do differently to make this work? Can someone share their webpack config file or let me know what mine might be missing?

My webpack.config.js:

```
const path = require('path');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const webpack = require('webpack');
// const TerserPlugin = require('terser-webpack-plugin');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
module.exports = {
  entry: {
    app:'./index.js',
   'production-dependencies': ['phaser']
  },
  mode: 'production',
  output: {
    path: path.resolve(__dirname, 'build'),
    filename:'[name].bundle.js'
  },
  // optimization: {
  // minimize: true,
  // minimizer: [new TerserPlugin()],
  // splitChunks: {
  // chunks:'all'
  // },
  // },
  module: {
    rules: [
      {
        test: /\.js$/,
        include: path.resolve(__dirname),
        // use: {
        // loader:'babel-loader',
        // options: {
        // presets: ['env']
        // }
        // }
      }
    ]
  },

  devServer: {
    contentBase: path.resolve(__dirname, 'build'),
  },

  plugins: [
    new CopyWebpackPlugin({
      patterns: [
        { from: path.resolve(__dirname, 'index.html'), to: path.resolve(__dirname, 'build') },

        { from: path.resolve(__dirname, 'assets', 'apple_juice.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'balloon_blue.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'balloon_green.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'balloon_pink.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'balloon_purple.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'balloon_red.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'balloon_yellow.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'blank_screen.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'black.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'blast.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'blast2.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'blast_backup.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'blast_cover.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'car_wheel.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'check_flag.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'confetti.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'controller.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'credits.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'dark_rock.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'enter_key.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'fact2.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'fence.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'flag.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'futureish.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'hill.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'keyboard.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'lava.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'level3_bg_cutscene.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'life_bar.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'limo.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'liquid_blue.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'liquid_green.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'liquid_purple.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'logo2.jpg'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'main_menu.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'mute.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'options.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'parking_lot.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'phone.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'phone2.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'platform.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'play_game.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'red_car.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'road.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'rock.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'snow.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'starburst.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'test_title.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'thought.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'van.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'water.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'welcome_to_chicago.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'wind.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'enemies', 'bird.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'enemies', 'boss_bird.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'enemies', 'boss_bot.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'enemies', 'boss_tomato.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'enemies', 'bot.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'enemies', 'buzz_saw.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'enemies', 'canceled.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'enemies', 'demonetization.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'enemies', 'drill.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'enemies', 'egg.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'enemies', 'explosion.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'enemies', 'eye.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'enemies', 'gear.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'enemies', 'machine.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'enemies', 'milkshake.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'enemies', 'regular_tomato.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'enemies', 'small_bot.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'enemies', 'snowflake.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'enemies', 'spikey_ball.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'enemies', 'tomato.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'enemies', 'torch.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'enemies', 'trash_can.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'enemies', 'wheel.png'), to: path.resolve(__dirname, 'build') },

        { from: path.resolve(__dirname, 'assets', 'maps', 'awesome_sunset_sky.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'bg_forest_b.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'bg_forest_c.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'cutscene_buildings.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'cutscene_buildings.tmx'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'cutscene_buildings2.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'debug_level.json'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'debug_level.tmx'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'debug_level_tileset.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'flat_level.json'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level1.json'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level1.tmx'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level1_bg1.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level1_bg2.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level1_bg_sky.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level1_tileset.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level1_tileset_original.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level2.json'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level2.tmx'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level2_bg1.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level2_bg2.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level2_tileset.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level2_tileset_original.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level3.json'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level3.tmx'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level3_bg.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level3_bg2.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level3_bg4.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level3_bg_sky1.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level3_bg_sky2.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level3_bg_sky3.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level3_bg_sky4.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level3_bg_sky5.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level3_bg_sky6.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level3_tileset.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level3_tileset_original.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level4.json'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level4.tmx'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level4_bg1.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level4_bg2.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level4_bg3.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level4_bg4.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level4_bg_sky1.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level4_bg_sky2.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level4_tileset.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level4_tileset_original.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level5.json'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level5.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level5.tmx'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level5_bg.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level5_tileset.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level5_tileset_original.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level6.json'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level6.tmx'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level6_bg1.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level6_bg2.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level6_bg3.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level6_tileset.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'level6_tileset_original.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'options_bg.png'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'test_level.json'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'test_level.tmx'), to: path.resolve(__dirname, 'build') },
        { from: path.resolve(__dirname, 'assets', 'maps', 'test_level_copy.json'), to: path.resolve(__dirname, 'build') },

      ]
    }),
    new webpack.DefinePlugin({
     'typeof CANVAS_RENDERER': JSON.stringify(false),
     'typeof WEBGL_RENDERER': JSON.stringify(true)
     }),
   new CleanWebpackPlugin({
         root: path.resolve(__dirname, '../')
    })
  ]
}

```

---

<div class="post-metadata">

**Author:** ![BlunT76](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/blunt76/32/1454_2.png) [@BlunT76](https://phaser.discourse.group/u/BlunT76)\
**Post date:** [October 13, 2020, 7:25am UTC](https://phaser.discourse.group/t/webpack-phaser-performance-issue/7665/2 "2020-10-13T07:25:45Z")

</div>

Hi,

I can’t help you with webpack, but i use it without problems, i use the config from the phaser3-project-template

> **[photonstorm/phaser3-project-template](https://github.com/photonstorm/phaser3-project-template)**
>
> A Phaser 3 Project Template. Contribute to photonstorm/phaser3-project-template development by creating an account on GitHub.

  
Perhaps you can compare the configs…

---

<div class="post-metadata">

**Author:** ![samme](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/samme/32/5275_2.png) [@samme](https://phaser.discourse.group/u/samme)\
**Post date:** [October 13, 2020, 4:26pm UTC](https://phaser.discourse.group/t/webpack-phaser-performance-issue/7665/3 "2020-10-13T16:26:54Z")

</div>

Is it choppy the whole time? Can you compare w/ Chrome FPS meter?

Console shows same Phaser version in both?

---

<div class="post-metadata">

**Author:** ![t\_rev44](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/t_rev44/32/4157_2.png) [@t\_rev44](https://phaser.discourse.group/u/t_rev44)\
**Post date:** [October 21, 2020, 4:18am UTC](https://phaser.discourse.group/t/webpack-phaser-performance-issue/7665/4 "2020-10-21T04:18:28Z")

</div>

So it turned out the version was different, the smooth one was using 3.17.0 and the choppy one was using 3.24.1. Now I’ve tried every version since 3.17.0 and they all (except this one) have the stuttery movement as seen in the video. Any idea why that might be?

I’m facing another issue in 3.17.0 but it’s the only one that doesn’t have that choppiness.

The frame rate shows as 75 fps with each version, whether smooth or choppy.

---

<div class="post-metadata">

**Author:** ![jjcapellan](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/jjcapellan/32/542_2.png) [@jjcapellan](https://phaser.discourse.group/u/jjcapellan)\
**Post date:** [October 21, 2020, 9:39am UTC](https://phaser.discourse.group/t/webpack-phaser-performance-issue/7665/5 "2020-10-21T09:39:55Z")

</div>

Hi @t_rev44 ,  
If you are using Arcade physics, try:

```javascript
// In create() function
this.physics.world.fixedStep = false;

```

This code syncs physics to the game render (variable physics step).

Regards.

---

<div class="post-metadata">

**Author:** ![t\_rev44](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/t_rev44/32/4157_2.png) [@t\_rev44](https://phaser.discourse.group/u/t_rev44)\
**Post date:** [October 21, 2020, 9:41pm UTC](https://phaser.discourse.group/t/webpack-phaser-performance-issue/7665/6 "2020-10-21T21:41:54Z")

</div>

That didn’t seem to change anything. I’ve now discovered that the stutter is happening when the frame rate goes above 60fps. And it goes up to 75 when I plug in a monitor with a higher refresh rate (my laptop hz is 60, so it runs smoothly with only the laptop).

I know this bug was reportedly fixed after 3.17.0, but it’s happening for me with every version. How can I prevent the frame rate from exceeding 60 when the monitor’s hz is above 60?

---

<div class="post-metadata">

**Author:** ![samme](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/samme/32/5275_2.png) [@samme](https://phaser.discourse.group/u/samme)\
**Post date:** [October 21, 2020, 10:19pm UTC](https://phaser.discourse.group/t/webpack-phaser-performance-issue/7665/7 "2020-10-21T22:19:50Z")

</div>

Do you see any problems in

- [http://labs.phaser.io/view.html?src=src\physics\arcade\simple%20group.js&v=3.17.0](http://labs.phaser.io/view.html?src=src%5Cphysics%5Carcade%5Csimple%20group.js&v=3.17.0)
- [http://labs.phaser.io/view.html?src=src\physics\arcade\simple%20group.js&v=3.24.1](http://labs.phaser.io/view.html?src=src%5Cphysics%5Carcade%5Csimple%20group.js&v=3.24.1)

on that monitor?

You need to use v3.24.1 to use `fixedStep = false`. It won’t work in v3.17.0.

You should also try increasing Arcade Physics fps (150, 300, or 450). Double-check that you’re doing it correctly; it needs to be done in the physics config or by `setFPS()`.

---

<div class="post-metadata">

**Author:** ![t\_rev44](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/t_rev44/32/4157_2.png) [@t\_rev44](https://phaser.discourse.group/u/t_rev44)\
**Post date:** [October 21, 2020, 11:23pm UTC](https://phaser.discourse.group/t/webpack-phaser-performance-issue/7665/8 "2020-10-21T23:23:18Z")

</div>

Using fixedStep=false on 3.24.1 SEEMS to have fixed the issue… but I thought it was gone before when it wasn’t so I will test more and come back.