On Content, Time and Hiding YouTube Shorts

Here is a series of assumptions/starting points/axioms:
  1. The internet contains a lot of information, opinions and entertainment (content).
  2. The total amount of content is far greater than any person could consume in one lifetime.
  3. Some of the content is good because it enriches me emotionally, socially, spiritually, economically, etc.
  4. Some of the content is bad because it is irrelevant (to me), low quality (does not enrich me) or harmful.
  5. It is likely that bad content outweighs the good content.

I, personally, have a finite amount of time on earth.

What to do with my finite time?

Over time, more and more platforms have moved to algorithmic delivery of content, both in feeds and recommendations when you're looking or have finished looking at content. YouTube was a relatively early example of this: the YouTube homepage is mostly recommended videos, especially since around 2013 when they removed the option to have your subscription feed as the default page when logged in.

If you are logged in and have some YouTube history, it's likely that many of the videos will be appealing!

I know that I've watched hundreds (maybe thousands) of videos that YouTube has recommended to me. But I also know that, sometimes, I want to do things other than watch YouTube videos. This is often a shocking revelation. YouTube's ability to recommend and provide videos that I find interesting and engaging is almost ceaseless and my self-control is often poor.

I also know that I have a bunch of channels that I subscribe to because I like their videos so much that I want to make sure I'm aware of new ones. To be honest, I think that those channels and their videos are usually enough. If a friend or other person whom I trust/respect shares a video with me, I will usually watch it - this is not too dissimilar to how most media was distributed for most of human history.

Restricting the supply

To reclaim some time and a sense of agency and control, I wish to limit the videos that get put before me to:
  1. Videos from channels I subscribe to, and
  2. Videos from other people.
This means, to me at least, that I should try to avoid YouTube's Recommended videos, and also YouTube Shorts (which I find to be a colossal and often unfulfilling timesink if I get sucked into their gravitational pull).

Frustratingly, YouTube provides almost no way to do this yourself. Why would they? YouTube makes more money from ads and data the more time you spend watching videos on their site. This is not "evil" but it is "not good", from my moral perspective.

The only small fix you can do very easily is to bookmark your Subscriptions feed page: https://www.youtube.com/feed/subscriptions. It's a good starting place - defaulting to the traditional reverse chronological feed - as long as bookmarks are a method you typically use to reach websites.

Being more thorough

We can go further though. That is, if you use Safari on a Mac, which allows you to set a default custom style sheet to control the appearance of sites that you visit beyond what the creators of those sites intended.

By clicking around YouTube's source and other people's code (primarily Matt Rek and Umut Seven) I've ended up with a style sheet (Download) with the following code:
/* YouTube */ /* Hide recommended videos */ #related { display: none !important; } /* Hide button for the algorithmic Homepage */ ytd-browse[role="main"][page-subtype="home"] #contents, yt-tab-shape[tab-title="YouTube"], yt-chip-cloud-chip-renderer:has(yt-formatted-string[title="Home"]), ytd-guide-entry-renderer:has(path[d*="M4 21V10.08l8-6.96 8 6.96V21h-6v-6h-4v6H4z"]), ytd-guide-entry-renderer:has(path[d*="m12 4.44 7 6.09V20h-4v-6H9v6H5v-9.47l7-6.09m0-1.32-8 6.96V21h6v-6h4v6h6V10.08l-8-6.96z"]) { visibility: hidden !important; display: none !important; width: 0 !important; height: 0 !important; } /* Hide banner ads */ #masthead-ad, ytd-mealbar-promo-renderer { display:none !important; } /* Hide YouTube Shorts */ ytd-rich-section-renderer:has(a[href*="/shorts/"]), ytd-reel-item-renderer:has(a[href*="/shorts/"]), ytd-grid-video-renderer:has(a[href*="/shorts/"]), ytd-rich-grid-slim-media:has(a[href*="/shorts/"]), ytd-rich-grid-media:has(a[href*="/shorts/"]), ytd-reel-shelf-renderer:has(a[href*="/shorts/"]), ytd-video-renderer:has(a[href*="/shorts/"]), yt-tab-shape[tab-title="Shorts"], ytd-guide-entry-renderer:has(path[d*="M10 14.65v-5.3L15 12l-5"]), yt-chip-cloud-chip-renderer:has(yt-formatted-string[title="Shorts"]) { visibility: hidden !important; display: none !important; width: 0 !important; height: 0 !important; } /* Have a nice picture on the homepage instead of it being blank */ ytd-browse[page-subtype="home"] { background-color: gray; /* here is Matt Rek's YT background wallpaper, leave it or use a different url */ background-image: url('https://webshare.mattr.co.uk/youtube-bgd.jpg'); background-size: cover; background-attachment: fixed; background-position: 50% 50%; min-height: 90vh; } #content { min-height:100%; }

Screenshots

Hover (or tap) to compare YouTube before and after setting up the custom CSS.

Homepage

A screenshot of a YouTube homepage with no recommended videos and no Home or Shorts tab.
A screenshot of a YouTube homepage with a grid of recommended videos.

Video page

A screenshot of a YouTube video with no recommended videos around it.
A screenshot of a YouTube video with recommended videos and YouTube Shorts to the side.