Show FPS for Steam Games

By  on  

There's nothing more frustrating to a top gamer (outside of bugs in a game) than dropped frames in a video game.  If you're playing a competitive multiplayer game like PUBG or Fortnite, where up to 100 people are simultaneously competing, dropped frames can be the difference between ecstasy or a bullet between the eyes.

While poor frame rate is usually a reflection of underperforming hardware/software, bad code, or server lag, the first step in identifying poor frame rate is directing Steam to display the frame rate during the game.  Let me show you how to direct Steam to output the frame rate of a game!

Start by going to Settings > In-Game:

Steam FPS Settings

A dropdown under the In-game FPS Counter allows you to position the FPS counter anywhere on the screen; you can even allow high contrast color display of the FPS.  When you open the game, you'll see the FPS displayed in the position you selected.

While there's not much you can do to improve FPS outside of improving your CPU and GPU, it's good to see the FPS at a given time and determine if more can be done to make a game perform!

Recent Features

  • By
    9 Mind-Blowing WebGL Demos

    As much as developers now loathe Flash, we're still playing a bit of catch up to natively duplicate the animation capabilities that Adobe's old technology provided us.  Of course we have canvas, an awesome technology, one which I highlighted 9 mind-blowing demos.  Another technology available...

  • By
    5 More HTML5 APIs You Didn’t Know Existed

    The HTML5 revolution has provided us some awesome JavaScript and HTML APIs.  Some are APIs we knew we've needed for years, others are cutting edge mobile and desktop helpers.  Regardless of API strength or purpose, anything to help us better do our job is a...

Incredible Demos

  • By
    Creating Spacers with Flexbox

    I was one of the biggest fans of flexbox before it hit but, due to being shuffled around at Mozilla, I never had the chance to use it in any practice project; thus, flexbox still seems like a bit of a mystery to me.  This greatly...

  • By
    CSS Sprites

    The idea of CSS sprites is pretty genius. For those of you who don't know the idea of a sprite, a sprite is basically multiple graphics compiled into one image. The advantages of using sprites are: Fewer images for the browser to download, which means...

Discussion

    Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!