☰

Speed Up Web Page Loading

Make web pages load faster by blocking ads and implementing lazy loading for images.

目前為 2024-07-08 提交的版本，檢視 最新版本。

  1. // ==UserScript==
  2. // @name         Speed Up Web Page Loading
  3. // @namespace    https://discord.gg/gFNAH7WNZj
  4. // @version      1.3
  5. // @description  Make web pages load faster by blocking ads and implementing lazy loading for images.
  6. // @author       Bacon But Pro
  7. // @match        *://*/*
  8. // @grant        none
  9. // @icon         https://cdn141.picsart.com/351217840073211.png
  10. // @license MIT
  11. // ==/UserScript==
  12.  
  13. (function() {
  14.     'use strict';
  15.  
  16.     // Block ads and tracking scripts
  17.     const blockedDomains = [
  18.         'doubleclick.net',
  19.         'googlesyndication.com',
  20.         'google-analytics.com',
  21.         'adsafeprotected.com',
  22.         'adnxs.com',
  23.         'rubiconproject.com',
  24.         'pubmatic.com',
  25.         'scorecardresearch.com',
  26.         'bluekai.com',
  27.         'facebook.net',
  28.         'amazon-adsystem.com',
  29.         'ads-twitter.com',
  30.         'criteo.com',
  31.         'taboola.com',
  32.         'outbrain.com',
  33.         'cdn.ampproject.org',
  34.         'quantserve.com',
  35.         'googletagmanager.com',
  36.         'gemini.yahoo.com'
  37.     ];
  38.  
  39.     const observer = new MutationObserver(() => {
  40.         document.querySelectorAll('script[src], iframe[src]').forEach(el => {
  41.             blockedDomains.forEach(domain => {
  42.                 if (el.src.includes(domain)) {
  43.                     el.remove();
  44.                 }
  45.             });
  46.         });
  47.     });
  48.  
  49.     observer.observe(document.documentElement, { childList: true, subtree: true });
  50.  
  51.     // Implement lazy loading for images
  52.     document.addEventListener('DOMContentLoaded', () => {
  53.         const images = document.querySelectorAll('img');
  54.  
  55.         images.forEach(image => {
  56.             if (image.complete) return;
  57.             image.setAttribute('loading', 'lazy');
  58.         });
  59.  
  60.         const lazyLoadObserver = new IntersectionObserver((entries, observer) => {
  61.             entries.forEach(entry => {
  62.                 if (entry.isIntersecting) {
  63.                     const img = entry.target;
  64.                     img.src = img.dataset.src;
  65.                     observer.unobserve(img);
  66.                 }
  67.             });
  68.         });
  69.  
  70.         images.forEach(img => {
  71.             if (img.dataset.src) {
  72.                 lazyLoadObserver.observe(img);
  73.             } else {
  74.                 img.dataset.src = img.src;
  75.                 img.src = '';
  76.                 lazyLoadObserver.observe(img);
  77.             }
  78.         });
  79.     });
  80.  
  81.     // Remove unwanted elements like pop-ups
  82.     const removeUnwantedElements = () => {
  83.         const unwantedSelectors = [
  84.             '.popup', // common class name for pop-ups
  85.             '.ad-banner', // common class name for ad banners
  86.             '#subscribe-modal', // common ID for subscription modals
  87.             '.overlay', // common class name for overlay ads
  88.         ];
  89.  
  90.         unwantedSelectors.forEach(selector => {
  91.             document.querySelectorAll(selector).forEach(el => el.remove());
  92.         });
  93.     };
  94.  
  95.     const unwantedObserver = new MutationObserver(removeUnwantedElements);
  96.     unwantedObserver.observe(document.documentElement, { childList: true, subtree: true });
  97.     document.addEventListener('DOMContentLoaded', removeUnwantedElements);
  98.  
  99.     // Keep essential buttons
  100.     const keepEssentialButtons = () => {
  101.         const essentialButtons = [
  102.             'button.important', // Add selectors for buttons you want to keep
  103.             '.keep-this-button',
  104.         ];
  105.  
  106.         essentialButtons.forEach(selector => {
  107.             document.querySelectorAll(selector).forEach(el => {
  108.                 el.style.display = 'block';
  109.             });
  110.         });
  111.     };
  112.  
  113.     const essentialButtonsObserver = new MutationObserver(keepEssentialButtons);
  114.     essentialButtonsObserver.observe(document.documentElement, { childList: true, subtree: true });
  115.     document.addEventListener('DOMContentLoaded', keepEssentialButtons);
  116. })();