☰

Greasy Fork 还支持 简体中文。

YouTube Performance Booster (Fixed UI)

Optimizes YouTube performance without breaking UI elements

  1. // ==UserScript==
  2. // @name         YouTube Performance Booster (Fixed UI)
  3. // @version      2.1
  4. // @description  Optimizes YouTube performance without breaking UI elements
  5. // @author       HYPERR.
  6. // @match        *://*.youtube.com/*
  7. // @grant        GM_addStyle
  8. // @grant        GM_setValue
  9. // @grant        GM_getValue
  10. // @run-at       document-start
  11. // @license      MIT
  12. // @namespace https://greasyfork.org/users/1476487
  13. // ==/UserScript==
  14.  
  15. (function() {
  16.     'use strict';
  17.     
  18.     // ===== SAFE CONFIGURATION =====
  19.     const settings = {
  20.         instantNavigation: true,      // Smoother navigation
  21.         disableAnimations: true,      // Disable UI animations
  22.         qualityPreset: 'auto',        // Video quality (auto, 1080p, 720p etc)
  23.         hideShorts: true              // Only hides Shorts shelf
  24.     };
  25.  
  26.     // ===== SAFE CSS INJECTION =====
  27.     GM_addStyle(`
  28.         /* Animation removal (safe) */
  29.         [no-animations] * {
  30.             transition: none !important;
  31.             animation: none !important;
  32.         }
  33.         
  34.         /* Non-destructive hiding */
  35.         [hide-shorts] ytd-rich-section-renderer {
  36.             display: none !important;
  37.         }
  38.         
  39.         /* Layout-safe optimizations */
  40.         html {
  41.             scroll-behavior: auto !important;
  42.         }
  43.     `);
  44.  
  45.     // Apply settings
  46.     document.documentElement.setAttribute('no-animations', '');
  47.     if (settings.hideShorts) {
  48.         document.documentElement.setAttribute('hide-shorts', '');
  49.     }
  50.  
  51.     // ===== SAFE PERFORMANCE OPTIMIZATIONS =====
  52.     function optimizePlayer() {
  53.         const player = document.querySelector('video');
  54.         if (player) {
  55.             player.addEventListener('canplay', function() {
  56.                 try {
  57.                     if (settings.qualityPreset !== 'auto') {
  58.                         player.setPlaybackQuality(settings.qualityPreset);
  59.                     }
  60.                 } catch(e) { /* Fail silently */ }
  61.             });
  62.         }
  63.     }
  64.  
  65.     // ===== SAFE INSTANT NAVIGATION =====
  66.     if (settings.instantNavigation) {
  67.         document.addEventListener('mouseover', function(e) {
  68.             const link = e.target.closest('a[href^="/watch"]');
  69.             if (link) {
  70.                 const preload = document.createElement('link');
  71.                 preload.rel = 'prefetch';
  72.                 preload.href = link.href;
  73.                 document.head.appendChild(preload);
  74.             }
  75.         }, {passive: true});
  76.     }
  77.  
  78.     // Initialize
  79.     const observer = new MutationObserver(optimizePlayer);
  80.     observer.observe(document, {
  81.         childList: true,
  82.         subtree: true
  83.     });
  84.     window.addEventListener('load', optimizePlayer);
  85. })();