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
    Serving Fonts from CDN

    For maximum performance, we all know we must put our assets on CDN (another domain).  Along with those assets are custom web fonts.  Unfortunately custom web fonts via CDN (or any cross-domain font request) don't work in Firefox or Internet Explorer (correctly so, by spec) though...

  • By
    LightFace:  Facebook Lightbox for MooTools

    One of the web components I've always loved has been Facebook's modal dialog.  This "lightbox" isn't like others:  no dark overlay, no obnoxious animating to size, and it doesn't try to do "too much."  With Facebook's dialog in mind, I've created LightFace:  a Facebook lightbox...

Incredible Demos

  • By
    Display Images as Grayscale with CSS Filters

    CSS filters aren't yet widely supported but they are indeed impressive and a modern need for web imagery.  CSS filters allow you to modify the display of images in a variety of ways, one of those ways being displaying images as grayscale. Doing so requires the...

  • By
    iPhone-Style Passwords Using MooTools PassShark

    Every once in a while I come across a plugin that blows me out of the water and the most recent culprit is PassShark: a MooTools plugin that duplicates the iPhone's method of showing/hiding the last character in a password field. This gem of...

Discussion

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