← All posts

Windows on the frontend

Filter network traffic in the Output Console

The Network tab in the Output Console shows the page's network requests right on the page — no DevTools needed. When a page generates hundreds of them, the bare list is not enough. Recent versions added a full set of filters: by domain, by size and by time. Here is how to use them.

Domain filter: „Domains+” and „Domains-”

Next to the statuses you will find two fields. „Domains+” keeps only entries from the given domain; „Domains-” removes entries that match it. Both accept several domains separated by a vertical bar, for example wp.pl|onet.pl — an entry matches when it contains any of them.

Adding domains with a click

You do not have to retype domains by hand. Alt+click on a Network row adds its domain to „Domains+” (another Alt+click removes it). Alt+Shift+click does the same for „Domains-”. In a few clicks you narrow the list down to one service or cut out analytics noise.

Size and time sliders

Two two-sided sliders limit the list to requests of a given size (kB) and time (ms). The scale is exponential — the lower part of the track has fine granularity, so it is easy to sieve out small pings without losing everything at once. There are input fields on both sides of the track for typing min/max values by hand; the slider and the field stay in sync.

Note: when you move the size slider, entries with no reported size (no content-length header) also disappear — they cannot be compared against the threshold.

Readability of long entries

Long addresses in a collapsed row are truncated to 255 characters, so one URL with a bloated query string does not take over the whole window. You see the full address after expanding the row. The call time and size are highlighted with a background so they catch the eye straight away.

What it is all for

The filters turn a „wall of requests” into an investigative tool. Want to see what a page sends to a specific tracker? Type its domain into „Domains+”. Hunting a heavy resource that slows the page down? Raise the lower bound of the size slider. All on the page, in a window you can keep open beside the content.

Install JustZix and keep a view of network traffic at hand on every page.

Rate this post

No ratings yet — be the first.

Try it yourself

Install JustZix and paste any snippet from this article. Two minutes from zero to a working rule across all your devices.

Get JustZix

Features · How it works · Examples · Use cases