nodebb-plugin-ezoic-infinite 1.5.35 → 1.5.36

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-plugin-ezoic-infinite",
-  "version": "1.5.35",
+  "version": "1.5.36",
   "description": "Production-ready Ezoic infinite ads integration for NodeBB 4.x",
   "main": "library.js",
   "license": "MIT",

package/public/client.js

@@ -11,18 +11,20 @@
   const MAX_INSERTS_PER_RUN = 3;
 
   // Preload before viewport (earlier load for smoother scroll)
-  const PRELOAD_MARGIN_DESKTOP = '2600px 0px 2600px 0px';
-  const PRELOAD_MARGIN_MOBILE = '1500px 0px 1500px 0px';
+  // Preload far enough ahead that fast scroll doesn't outrun ad loading.
+  const PRELOAD_MARGIN_DESKTOP = '3200px 0px 3200px 0px';
+  const PRELOAD_MARGIN_MOBILE = '1800px 0px 1800px 0px';
 
   // When the user scrolls very fast, temporarily preload more aggressively.
   // This helps ensure ads are already in-flight before the user reaches them.
-  const PRELOAD_MARGIN_DESKTOP_BOOST = '4200px 0px 4200px 0px';
-  const PRELOAD_MARGIN_MOBILE_BOOST = '2500px 0px 2500px 0px';
+  const PRELOAD_MARGIN_DESKTOP_BOOST = '5200px 0px 5200px 0px';
+  const PRELOAD_MARGIN_MOBILE_BOOST = '3200px 0px 3200px 0px';
   const BOOST_DURATION_MS = 2500;
   const BOOST_SPEED_PX_PER_MS = 2.2; // ~2200px/s
 
-  const MAX_INFLIGHT_DESKTOP = 4;
-  const MAX_INFLIGHT_MOBILE = 3;
+  // Allow a bit more parallelism; the perf profile can still dial this down on low-end devices.
+  const MAX_INFLIGHT_DESKTOP = 5;
+  const MAX_INFLIGHT_MOBILE = 4;
 
   
 // Adaptive performance profile (device/network aware)
@@ -665,7 +667,9 @@ function startShow(id) {
     // If already near the fold, arm & fire immediately
     try {
       const r = wrap.getBoundingClientRect();
-      const screens = isBoosted() ? 5.0 : 3.0;
+      // Fire early enough that the ad is likely ready when the user reaches it.
+      // During boost (fast scroll), preload even farther.
+      const screens = isBoosted() ? 6.0 : 4.0;
       const h = (window.innerHeight || 800);
       if (r.top < screens * h && r.bottom > -screens * h) {
         armPlaceholder(wrap, id);

package/public/style.css

@@ -1,9 +1,26 @@
 /* Minimal styling for injected Ezoic wrappers.
    Spacing (margins/padding) is intentionally NOT forced here, because it can be
    configured inside Ezoic and may vary by placement/device.
+
+   Goals:
+   - prevent flex/centering styles from parent lists from affecting ad internals
+   - reduce layout jank when iframes resize during scroll
 */
 
 .ezoic-ad {
-  display: block;
+  display: block !important;
+  position: relative;
   width: 100%;
+  overflow: hidden;
+
+  /* limit how far layout/paint changes propagate */
+  contain: layout paint style;
+}
+
+/* Keep ad content aligned to the top (avoids the "slides to bottom" look) */
+.ezoic-ad iframe,
+.ezoic-ad ins,
+.ezoic-ad > div {
+  display: block !important;
+  vertical-align: top !important;
 }