Reloadify Frontend Sync – Auto Reload, Server & Media Optimization
| 开发者 | shaounchandrashill |
|---|---|
| 更新时间 | 2026年10月29日 02:22 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.1 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
Reloadify Frontend Sync is an auto reload and live reload plugin for WordPress. It automatically refreshes your frontend previews after every content update, with cross-browser live reload, server performance controls, and image/media optimization for Elementor, Divi, Gutenberg, and all major page builders.
It supports Elementor, Divi, Gutenberg, and other WordPress builders, with synchronized previews across browser tabs and windows.
Why Use Reloadify?
Manual refreshing after every save slows page-builder QA, especially during cross-browser testing.
Reloadify keeps open previews synchronized while providing practical server performance and image optimization controls in one dashboard.
Key Features
- Works with Elementor, Divi, Bricks, Oxygen, Beaver Builder, WPBakery Page Builder, and the classic WordPress editor.
- Cross-browser, cross-window reload for Chrome, Brave, Edge, Firefox, Safari, Opera, UC Browser, Vivaldi, Yandex Browser, and Samsung Internet. Chrome, Edge, and Safari are enabled by default. Incognito/private reload is available only after Developer Mode is enabled.
- Choose every open tab or active tab only, preserving background-tab scroll position and form state.
- Optional Speed Boost: CSS/JS/HTML minification, comment and whitespace stripping, and delayed non-essential JavaScript. Each pass is independently switchable.
- Reloads all frontend views: home pages, single posts, archives, and search results.
- Soft reload and cache-busting hard reload modes.
- Last change detected status and a one-click Check now action.
- A modern settings dashboard with per-browser cards and live status.
- Speed Boost — on by default: strips the emoji script, trims unused
<head>tags, throttles the Heartbeat API, caps stored post revisions, disables self-pingbacks, and eases wp-admin memory/time limits for heavy builders — all reversible with one toggle. - Media Optimization — new image uploads can get WebP/AVIF versions automatically when supported by the server. Video compression runs in the background when ffmpeg is available; offscreen images and embedded video are lazy-loaded.
- Extensions tab — optional SVG upload support (off by default; scanned for scripts/embedded HTML before accepting) an optional Scroll To Top floating button (off by default; configurable position and color), a Read More / Read Less shortcode and an AJAX Load More shortcode for posts and WooCommerce products (both off by default).
- An honest Server Performance panel: applies memory_limit / max_execution_time automatically, and generates ready-to-paste php.ini / .htaccess snippets for the settings a plugin genuinely cannot change at runtime (opcache, upload/post size limits, realpath cache).
- Intelligent exclusion: never triggers a reload loop inside the builder canvas itself.
- WordPress Block Editor (Gutenberg)
- Classic Editor
- Elementor
- Divi
- Bricks Builder
- Oxygen Builder
- Beaver Builder
- WPBakery Page Builder
- Most WordPress themes
- Install and activate the plugin.
- Open a page in Elementor, Divi, Gutenberg, or another builder.
- Open the same page's live frontend view in another tab, another window, or even another browser entirely.
- Make a change and save it in the builder as normal.
- The frontend tab reloads on its own within a couple of seconds — no manual refresh needed.
- For browser rules, reload mode, Developer Mode, server performance, or media settings, open Reloadify Sync in the WordPress admin sidebar.
安装:
- Upload the plugin files to
/wp-content/plugins/reloadify-frontend-sync, or install through the WordPress plugins screen. - Activate the plugin.
- Open a page in the builder in one tab/browser, and the frontend view in another tab, window, or supported browser.
- Save in the builder — the frontend reloads on its own.
- Visit Reloadify Sync in the wp-admin sidebar to fine-tune Developer Mode, reload behavior, per-browser settings, server performance, and media optimization.
屏幕截图:
常见问题:
What is the best auto reload plugin for page builders?
Reloadify automatically reloads your frontend after you save in Elementor, Divi, Bricks, Oxygen, Beaver Builder, WPBakery or Gutenberg, so you never refresh by hand.
Is this a live reload or an auto refresh plugin?
Both. It live-reloads open frontend tabs and windows when content changes, and it supports soft reload and cache-busting hard reload.
Why doesn't it reload in a particular browser?
Check Reloadify Sync → Cross-Browser Reload: confirm Developer Mode and the applicable browser/mode toggle are enabled. Incognito/private toggles stay disabled until Developer Mode is enabled. Chrome, Edge, and Safari are enabled by default; other browsers are optional.
Is incognito/private mode detection 100% reliable?
No — private/incognito detection is a best-effort heuristic because several browsers deliberately hide that information. Incognito/private reload controls are locked until Developer Mode is enabled. When Developer Mode is active, the selected browser rules are applied whenever private mode can be detected.
Does the Server Performance panel really change opcache/upload limits?
memory_limit, max_execution_time, and three opcache.* directives (enable, validate_timestamps, revalidate_freq) can be applied at runtime where PHP allows it. Other directives require php.ini changes and a PHP restart. The panel provides clear status and server-configuration guidance.
Should I leave Developer Mode on in production?
No. Developer Mode is intended for development and staging. It is off by default because visitor browsers poll the server while it is enabled, which adds load to a live site. Disable it after testing.
Will this slow my site down?
The frontend check uses a small static file, so PHP and WordPress are not involved in each poll. Developer Mode can still add load on busy live sites because every visitor browser polls continuously; use it only for active testing.
How do I add a Read More button or a Load More button?
Turn them on in Reloadify > Extensions, then paste a shortcode anywhere (Gutenberg Shortcode block, Elementor, Divi or a template). Use [reloadify_read_more]Hidden text[/reloadify_read_more] for expandable text, and [reloadify_load_more] (or [reloadify_load_more post_type="product" per_page="8" columns="4"]) for a post/product grid whose next batch loads without a page refresh.
Does Media Optimization touch my original uploaded files?
No. Original image files are never modified. WebP or AVIF versions are generated only for supported server image libraries. Video compression runs only when ffmpeg is available; otherwise video files remain unchanged. Media Optimization can be disabled at any time.
更新日志:
1.4.0
- Added Read More / Read Less and AJAX Load More shortcodes.
- Added Optimize Original Images with safer image compression.
- Added Prevent Stale Browser Cache with automatic asset versioning and page revalidation.
- Improved the image optimization confirmation dialog and Extensions tab layout.
- Fixed WordPress image conversion behavior to preserve original JPEG/PNG files.
- Fixed WooCommerce checkout reload issues.
- Improved page-builder compatibility and frontend update behavior.
- Added new Speed Boost features: query string management, lazy loading, script deferring, browser caching, gzip compression, and automatic cleanup.
- Redesigned Speed Boost with individual toggles, improved controls, and performance optimizations.
- Enhanced Media Optimization with WebP/AVIF support, compression settings, live previews, and faster background processing.
- Improved Delete Data on Uninstall with selective cleanup options.
- Redesigned Server Performance with live status updates, PHP settings, and improved controls.
- Enhanced Scroll To Top with custom Dashicons, animations, hover effects, scroll-progress rings, and live previews.
- Redesigned Cross-Browser Reload and Extensions with modern controls and customization options.
- Fixed WooCommerce, Divi, and page-builder compatibility issues.
- Fixed Active Tab synchronization, missed reloads, and content-change detection.
- Improved CSS/JS optimization, asset caching, and frontend performance.
- Added WPML/Polylang compatibility configuration.
- Fixed WordPress coding standards, WP-CLI activation, and unnecessary debug output.
- Reduced server requests, disk operations, and overall resource usage.
- Fixed Active Tab incorrectly switching to All Tabs.
- Fixed duplicated tabs sharing the same tab ID.
- Fixed tab ownership and newly focused tab synchronization.
- Fixed private-window reload behavior.
- Fixed Heartbeat and post-lock AJAX requests being detected as content changes.
- Fixed CSS/JS minification edge cases.
- Fixed Delayed JavaScript execution order and event replay.
- Fixed page-builder frame handling and cache issues.
- Fixed Speed Boost autosave, revisions, and Heartbeat behavior.
- Fixed Media Optimization and video processing issues.
- Fixed Delete Data on Uninstall cleanup on multisite.
- Added Reload All Tabs for synchronizing multiple frontend tabs and windows.
- Added live settings propagation for already-open frontend tabs.
- Added CSS, JavaScript, and HTML minification to Speed Boost.
- Added Delayed JavaScript optimization with essential-script exclusions.
- Changed Speed Boost, Media Optimization, and Delete Data on Uninstall to opt-in for new installations.
- Improved media optimization performance for large media libraries.
- Fixed Active Tab synchronization after page reloads.
- Added confirmation toasts and improved notification messages.
- Fixed translation template issues and regenerated the
.potfile.
- Added automatic saving for Cross-Browser Reload, Server Performance, and Extensions settings.
- Updated default enabled browsers for new installations to Chrome, Edge, and Safari.
- Existing installations preserve their current browser settings.
- Fixed Apache 500 errors when applying automatic server overrides.
- Improved
.htaccessvalidation, permissions, error handling, and backups. - Added Apache/mod_php detection to prevent incompatible server configuration changes.
- Added fallback cache directives for supported Apache configurations.
- Added WordPress 7.1 compatibility.
- Improved Speed Boost server-side optimizations.
- Added
blueprint.jsonsupport for WordPress Playground Live Preview. - Added support for Vivaldi, Yandex Browser, and Samsung Internet.
- Reviewed frontend request handling to minimize server overhead.
- Fixed video compression on Windows servers.
- Added selectable image optimization formats: Automatic, WebP, or AVIF.
- Improved tooltip styling and positioning.
- Renamed the Extra Features tab to Extensions.
- Changed SVG Upload Support and Scroll To Top to be disabled by default.
- Updated Bengali translation.
- Added the Extensions tab with optional SVG Upload Support and Scroll To Top.
- Added Media Optimization for images and supported video files.
- Added lazy loading for images and embedded video.
- Enhanced Speed Boost with Heartbeat, revisions, and self-pingback optimizations.
- Added Last Change Detected and Check Now controls.
- Improved Developer Mode and settings notifications.
- Updated Bengali translation and improved code quality.
- Added a video walkthrough and How It Works section to the plugin description.
- Added Speed Boost with WordPress, PHP, and server performance optimizations.
- Added Delete Data on Uninstall option.
- Improved Developer Mode controls and frontend reload reliability.
- Added additional cache and reload detection safeguards.
- Added Bengali translation.
- Improved code quality and server configuration handling.
- Initial public release.
- Added cross-browser and cross-window frontend reload.
- Added support for Elementor, Divi, Bricks, Oxygen, Beaver Builder, and the Classic Editor.
- Added soft reload and cache-busting hard reload modes.
- Added site-wide frontend change detection.
- Added Developer Mode.
- Added Server Performance settings.
- Added browser status and synchronization controls.
- Added intelligent page-builder reload protection.