☰

YouTube Performance Booster

Optimizes YouTube for maximum performance with faster loading and instant navigation

当前为 2025-06-04 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         YouTube Performance Booster
  3. // @version      1.2
  4. // @description  Optimizes YouTube for maximum performance with faster loading and instant navigation
  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.     // Performance optimization settings
  19.     const settings = {
  20.         instantNavigation: true,
  21.         aggressivePrefetch: true,
  22.         disableComments: false,
  23.         disableRelatedVideos: false,
  24.         disableNotifications: true,
  25.         disableAnimations: true,
  26.         lightTheme: false,
  27.         qualityPreset: 'auto' // auto, 720p, 480p, 360p
  28.     };
  29.  
  30.     // Apply CSS optimizations immediately
  31.     GM_addStyle(`
  32.         /* Disable animations and transitions */
  33.         ytd-app[disable-animations] * {
  34.             transition: none !important;
  35.             animation: none !important;
  36.             scroll-behavior: auto !important;
  37.         }
  38.         
  39.         /* Hide non-essential elements */
  40.         ytd-app[disable-comments] #comments,
  41.         ytd-app[disable-related] #related,
  42.         ytd-app[disable-notifications] #notification-preference-button,
  43.         ytd-app[disable-notifications] .notification-topbar-button {
  44.             display: none !important;
  45.         }
  46.         
  47.         /* Light theme optimization */
  48.         ytd-app[light-theme] {
  49.             --yt-spec-general-background-a: #ffffff !important;
  50.             --yt-spec-base-background: #f8f9fa !important;
  51.             --yt-spec-menu-background: #ffffff !important;
  52.         }
  53.         
  54.         /* Performance-focused layout */
  55.         #secondary.ytd-watch-flexy {
  56.             display: none !important;
  57.         }
  58.         
  59.         #primary.ytd-watch-flexy {
  60.             max-width: 100% !important;
  61.         }
  62.         
  63.         /* Remove visual fluff */
  64.         ytd-masthead[is-focused] #container.ytd-masthead,
  65.         ytd-thumbnail-overlay-time-status-renderer,
  66.         .ytp-ce-element {
  67.             opacity: 0.8 !important;
  68.         }
  69.     `);
  70.  
  71.     // Feature toggles from settings
  72.     const app = document.querySelector('ytd-app') || document.documentElement;
  73.     if (settings.disableAnimations) app.setAttribute('disable-animations', '');
  74.     if (settings.disableComments) app.setAttribute('disable-comments', '');
  75.     if (settings.disableRelatedVideos) app.setAttribute('disable-related', '');
  76.     if (settings.disableNotifications) app.setAttribute('disable-notifications', '');
  77.     if (settings.lightTheme) app.setAttribute('light-theme', '');
  78.  
  79.     // Instant Navigation System
  80.     if (settings.instantNavigation) {
  81.         let lastHoveredLink = null;
  82.         let hoverTimer = null;
  83.         const NAV_DELAY = 100; // ms
  84.  
  85.         document.addEventListener('mouseover', function(e) {
  86.             const link = e.target.closest('a');
  87.             if (!link || !link.href || link.href === lastHoveredLink) return;
  88.  
  89.             clearTimeout(hoverTimer);
  90.             lastHoveredLink = link.href;
  91.  
  92.             hoverTimer = setTimeout(() => {
  93.                 if (settings.aggressivePrefetch) {
  94.                     // Prefetch resources for instant loading
  95.                     fetch(link.href, {
  96.                         method: 'HEAD',
  97.                         mode: 'cors',
  98.                         cache: 'force-cache'
  99.                     });
  100.                 }
  101.  
  102.                 // Preload for instant navigation
  103.                 const preload = document.createElement('link');
  104.                 preload.rel = 'preload';
  105.                 preload.as = 'document';
  106.                 preload.href = link.href;
  107.                 document.head.appendChild(preload);
  108.             }, NAV_DELAY);
  109.         }, {capture: true, passive: true});
  110.  
  111.         document.addEventListener('click', function(e) {
  112.             const link = e.target.closest('a');
  113.             if (link && link.href) {
  114.                 e.preventDefault();
  115.                 window.location.href = link.href;
  116.             }
  117.         }, {capture: true});
  118.     }
  119.  
  120.     // Performance optimization functions
  121.     function optimizePlayer() {
  122.         const player = document.querySelector('video');
  123.         if (!player) return;
  124.  
  125.         // Set quality preferences
  126.         const qualityMap = {
  127.             'auto': 'default',
  128.             '720p': 'hd720',
  129.             '480p': 'large',
  130.             '360p': 'medium'
  131.         };
  132.         
  133.         const preferredQuality = qualityMap[settings.qualityPreset] || 'default';
  134.         try {
  135.             player.setPlaybackQualityRange(preferredQuality);
  136.         } catch(e) {
  137.             console.log('YT Performance: Quality setting unavailable');
  138.         }
  139.  
  140.         // Player performance tweaks
  141.         player.preload = 'auto';
  142.         player.playsInline = true;
  143.         player.disablePictureInPicture = true;
  144.     }
  145.  
  146.     function optimizePage() {
  147.         // Remove non-critical elements
  148.         const elementsToRemove = [
  149.             'ytd-comments',
  150.             'ytd-watch-next-secondary-results-renderer',
  151.             'ytd-rich-item-renderer:has([overlay-style="SHORTS"])',
  152.             '#secondary',
  153.             '#masthead-container',
  154.             '#player-ads'
  155.         ];
  156.  
  157.         elementsToRemove.forEach(selector => {
  158.             document.querySelectorAll(selector).forEach(el => {
  159.                 if (el && el.parentNode) {
  160.                     el.parentNode.removeChild(el);
  161.                 }
  162.             });
  163.         });
  164.  
  165.         // Disable resource-heavy features
  166.         if ('requestIdleCallback' in window) {
  167.             requestIdleCallback(() => {
  168.                 // Disable chat if present
  169.                 const liveChat = document.querySelector('ytd-live-chat-frame');
  170.                 if (liveChat) liveChat.remove();
  171.                 
  172.                 // Disable JS animations
  173.                 document.body.classList.add('no-animations');
  174.             });
  175.         }
  176.     }
  177.  
  178.     // MutationObserver to apply optimizations as page changes
  179.     const observer = new MutationObserver(mutations => {
  180.         optimizePlayer();
  181.         optimizePage();
  182.     });
  183.  
  184.     observer.observe(document, {
  185.         childList: true,
  186.         subtree: true,
  187.         attributes: false
  188.     });
  189.  
  190.     // Initialize optimizations
  191.     window.addEventListener('load', () => {
  192.         optimizePlayer();
  193.         optimizePage();
  194.         
  195.         // Set up service worker for caching (if supported)
  196.         if ('serviceWorker' in navigator) {
  197.             navigator.serviceWorker.register('sw.js')
  198.                 .then(reg => console.log('YT Performance: Service worker registered'))
  199.                 .catch(err => console.log('YT Performance: Service worker failed', err));
  200.         }
  201.     });
  202.  
  203.     // Console info
  204.     console.log('YouTube Performance Booster is active!');
  205.     console.log('Settings:', settings);
  206. })();