molotow

Defer Media is a plugin for speed up your website and defer not needed medias which out of the screen when page loaded. 
Then, when you scroll down the page, it will load images/videos/iframes automatically or pre-load it even if it it not visible yet (can be adjusted with Appearance Offset parameters).
This plugin will apply the following actions: 
– Defer images (standard [img] tag and also [picture] src sets) 
– Defer background images (if style=”background-image” applied for some block) 
– Defer Videos ([video], [source] tags) 
– Defer Youtube embedded videos (iframe) 
– Defer any Iframes ([iframe] tag)
You can see plugin demo on this page: 
<a href="https://joomcar.net/wp-optimize/a-lot-of-media-page/" rel="nofollow ugc">Defer Media demo</a>

Defer Media

This plugin defer images and videos loading on your site for make it faster

Smackcoders Inc.,

Smackcoders Support

Identify and address what slows down your site with this plugin. This plugin analyzes the impact of WordPress plugins on your site’s load time, serving as an efficient alternative to the P3 Profiler plugin. Pinpoint and rectify slow-loading issues caused by poorly configured or excessive plugins. Generate a performance report, monitor, optimize, compress, and debug your site effortlessly.
Enhance your website’s performance effortlessly with our powerful plugin designed to turbocharge WordPress loading speeds in just a few clicks. This comprehensive tool optimizes WordPress, server configurations, and database information to ensure peak efficiency.
<h4>Features</h4>
This plugin is equipped with a robust set of features designed to elevate your online experience. Stay in control with real-time Site Information and status updates, ensuring you are always aware of your website’s health and performance
Our latest release with an Updated Profiler section, boasts advanced graphs that provide comprehensive insights into various aspects of your site. Track and analyze key metrics effortlessly to make informed decisions about your online presence.
For streamlined troubleshooting, we’ve introduced the Debug log presented as a table, offering a clear and organized view of system operations. Identify and address issues promptly to maintain optimal functionality.
Navigate your website effortlessly with the new Query view and Asset view, empowering you to manage your content and resources efficiently. Experience a seamless workflow as you interact with your site’s elements.
Optimize your database with our Advanced Database Optimization feature, ensuring that your website operates at peak performance. Benefit from reduced loading times and improved responsiveness
<ul>
<li>Site Information & Status (Real-time)</li>
<li>Updated Profiler section with advanced graphs (New)</li>
<li>Debug log as table (New)</li>
<li>Query view and Asset view (New)</li>
<li>Advanced Database Optimization</li>
<li>Minify HTML, CSS, and JS</li>
<li>Disabled and Combined Google Fonts </li>
<li>Decreasing bandwidth usage with GZIP compression</li>
<li>Concatenation of JS and CSS files</li>
<li>Deferred loading of JavaScript files</li>
<li>Image optimization(Compress Images)</li>
<li>Lazyload Images</li>
<li>Disable Emoji</li>
</ul>
<h4>Site Information & Status</h4>
Gain valuable insights into your WordPress setup, server details, database information, WordPress constants, directory sizes, active and inactive themes, plugins, and filesystem permissions. Explore a comprehensive overview of your WordPress environment with our insightful tool, providing in-depth information across various crucial aspects:
<ol>
<li>
WordPress Info: 
Access essential details about your WordPress setup, including version information, installation path, and active theme.
</li>
<li>
Server Info: 
Gain a clear understanding of your server with detailed information on server architecture, PHP version, and server software.
</li>
<li>
Database Info: 
Delve into the heart of your website with comprehensive database information, covering key metrics such as size, tables, and collation.
</li>
<li>
WordPress Constants Info: 
Uncover crucial constants influencing your WordPress configuration, offering transparency into fundamental settings.
</li>
<li>
Directories and Sizes Info: 
Visualize the distribution of space within your directories, empowering you to manage your resources effectively.
</li>
<li>
Active & Inactive Themes: 
Explore a detailed list of both active and inactive themes installed on your WordPress site, facilitating seamless theme management.
</li>
<li>
Active & Inactive Plugins: 
Navigate your plugins effortlessly with a comprehensive breakdown of active and inactive plugins, aiding you in optimizing your website’s functionality.
</li>
<li>
Filesystem Permission Info: 
Ensure the security and integrity of your files with detailed information on filesystem permissions, allowing you to maintain a secure and well-organized WordPress environment.
</li>
<li>
Debug Log Display: 
Visualize your debug logs with ease through our user-friendly table format. Uncover insights into your website’s operations in a clear and organized manner, enabling efficient troubleshooting and issue resolution.
</li>
</ol>
<h4>Profiler</h4>
Run your profiler by time to gain a comprehensive understanding of your website’s performance. This section comes equipped with additional graphs to provide detailed insights:
<ol>
<li>
Runtime By Plugin: 
Analyze the runtime of various plugins, allowing you to identify potential bottlenecks and optimize plugin usage.
</li>
<li>
Detailed Breakdown: 
Get a granular breakdown of the processes during the profiling period, facilitating a nuanced understanding of your website’s performance.
</li>
<li>
Simple Timeline: 
Visualize a simplified timeline of events, offering a quick overview of the sequence of operations.
</li>
<li>
Detailed Timeline: 
Dive deeper into the intricacies of your website’s activities with a detailed timeline, capturing every step of the profiling process.
</li>
<li>
Query Timeline: 
Focus specifically on database queries with a dedicated timeline, empowering you to optimize database interactions for improved efficiency.
</li>
</ol>
Our Profiler plugin is your go-to tool for gaining valuable insights into the inner workings of your website. Whether you’re debugging or optimizing performance, our feature-rich Profiler Section ensures you have the data you need to make informed decisions and elevate your site’s performance.
<h4>Query Monitor</h4>
<ol>
<li>
Component Loading Time: 
Component loading time refers to the duration it takes for the individual plugin to load. Monitoring this helps identify potential bottlenecks in the loading process, allowing for optimization to enhance overall website performance.
</li>
<li>
Caller Loading Time: 
Caller loading time likely pertains to the time it takes for functions or methods (callers) within WordPress to load and execute. Efficient monitoring of caller loading time can aid in identifying any code-related issues impacting the website.
</li>
<li>
Query and Asset Views: Gain insights into your website’s queries and assets.
</li>
</ol>
<h4>Media Controls</h4>
Effortlessly compress original images, auto-compress images, compress different image sizes, and resize images to improve loading times.
<ol>
<li>
Lazyload for images, iframes, and videos 
LazyLoad delays the loading of images, iframes, and videos on your website until the user scrolls down the page and needs to see them. 
We do this in an SEO-friendly way.
</li>
<li>
Disable Emoji: Disable Emoji will reduce the number of external HTTP requests.
</li>
<li>
Orphaned Images: Orphaned images are those files or pictures within a website that are no longer linked or referenced by any page or content. These images may have been used in the past but are currently not connected to any part of the website. Identifying and addressing orphaned images is important for optimizing storage space, maintaining a clean website structure, and ensuring that all displayed content is relevant and functional. Regularly checking for and removing orphaned images can contribute to improved website performance and more efficient use of resources.
</li>
<li>
Preload Option: Allows developers to specify resources (such as images, scripts, or stylesheets) that should be fetched or loaded in advance before they are needed by the browser. This proactive loading helps optimize page performance by reducing latency when a user interacts with the website.
</li>
</ol>
<h4>File Optimization</h4>
<ol>
<li>
Minify HTML, CSS, and JS 
There are several advantages to delivering minified content to final users. Delivering minified content to users offers advantages such as faster loading times, resulting from reduced file sizes, and operational efficiencies, including savings in bandwidth usage and lower resource requirements for both servers and end-users.
</li>
<li>
Deferred loading of JavaScript files 
It is preferable for performance that JavaScript files are either loaded in the footer of your site or deferred so that they don’t block the downloading of other assets on your site, thereby slowing it down. By enabling Load JavaScript deferred, all the JavaScript files on your page, including those minified will be loaded with the defer attribute
</li>
<li>
Disable Google Fonts 
Google Fonts can be a great addition to your website that considerably improves your typography
</li>
<li>
Concatenation of JS and CSS files 
The files are processed and the optimized versions are stored in cache/smack-optimize
</li>
</ol>
<h4>Database Optimization</h4>
A clean database runs more efficiently and it also helps to speed up your site. Keep your database lean and efficient with features like deleting post revisions, auto-draft posts, trash posts, spam, unapproved comments, and expired transients. Optimize tables for peak performance.
<ul>
<li>Delete Post Revisions</li>
<li>Delete Auto-draft posts</li>
<li>Delete Trash posts</li>
<li>Delete Trash comments</li>
<li>Delete Spam Comments</li>
<li>Delete Unapproved Comments</li>
<li>Delete Expired Transients</li>
<li>Optimizing Tables</li>
</ul>
<h4>Image optimization</h4>
Optimize images to achieve a balance between maintaining visual quality and reducing file size. This practice is crucial for improving website performance, as images often contribute significantly to page load times. 
* Compress Original Images 
* Auto-Compress Images 
* Compress different image sizes 
* Resize Images

AIO Performance Profiler, Monitor, Optimize, Compress & Debug

Find plugins that are slowing down your site. Create performance reports, Monitor, Optimize, Compress, and debug your site.

Defer Media vs AIO Performance Profiler, Monitor, Optimize, Compress & Debug