[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fGJLNBFmEbRqPcAWbmazYCZzUzF1Fy2FFfjooSfVuge4":3},{"slug":4,"display_name":5,"profile_url":6,"plugin_count":7,"total_installs":8,"avg_security_score":9,"avg_patch_time_days":10,"trust_score":11,"computed_at":12,"plugins":13},"aryadhiratara","Arya Dhiratara","https:\u002F\u002Fprofiles.wordpress.org\u002Faryadhiratara\u002F",6,4410,83,30,82,"2026-04-04T07:10:43.893Z",[14,39,59,76,92,108],{"slug":15,"name":16,"version":17,"author":5,"author_profile":6,"description":18,"short_description":19,"active_installs":20,"downloaded":21,"rating":22,"num_ratings":7,"last_updated":23,"tested_up_to":24,"requires_at_least":25,"requires_php":26,"tags":27,"homepage":33,"download_link":34,"security_score":35,"vuln_count":36,"unpatched_count":36,"last_vuln_date":37,"fetched_at":38},"animate-on-scroll","Animate on Scroll","1.0.7","\u003Cp>Animate any Elements on scroll using the popular AOS JS library simply by adding class names.\u003C\u002Fp>\n\u003Cp>This plugin helps you integrate easily with AOS JS library to add any AOS animations (on scroll animation) to WordPress.\u003C\u002Fp>\n\u003Cp>It should work well with the native gutenberg core blocks or any page builder (\u003Cem>tested with GenerateBlocks and Elementor\u003C\u002Fem>) that provides an input field for adding custom class names to elements.\u003C\u002Fp>\n\u003Ch3>About AOS\u003C\u002Fh3>\n\u003Cp>AOS is a small JavaScript library built by \u003Cstrong>\u003Ca href=\"https:\u002F\u002Ftwitter.com\u002Fmichalsnik\" rel=\"nofollow ugc\">Michał Sajnóg\u003C\u002Fa>\u003C\u002Fstrong> that allows you to add animated effects to HTML elements when they come into view as the user scrolls down a webpage. AOS provides a set of predefined animations using CSS that can be easily applied to elements using simple data attributes in the HTML code.\u003C\u002Fp>\n\u003Cp>Check out the AOS \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fmichalsnik.github.io\u002Faos\u002F\" rel=\"nofollow ugc\">demo\u003C\u002Fa>\u003C\u002Fstrong> and \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fmichalsnik\u002Faos\" rel=\"nofollow ugc\">documentation\u003C\u002Fa>\u003C\u002Fstrong>.\u003C\u002Fp>\n\u003Ch3>How to add Animations?\u003C\u002Fh3>\n\u003Cp>Simply add the desired AOS animation to your element class name with “aos-” prefix and the plugin will add the corresponding aos attribute to the element tag.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Fade animations:\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>fade: \u003Cstrong>aos-fade\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>fade-up: \u003Cstrong>aos-fade-up\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>fade-down: \u003Cstrong>aos-fade-down\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>fade-left: \u003Cstrong>aos-fade-left\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>fade-right: \u003Cstrong>aos-fade-right\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>fade-up-right: \u003Cstrong>aos-fade-up-right\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>fade-up-left: \u003Cstrong>aos-fade-up-left\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>fade-down-right: \u003Cstrong>aos-fade-down-right\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>fade-down-left: : \u003Cstrong>aos-fade-down-left\u003C\u002Fstrong>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cstrong>Flip animations:\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>flip-up: \u003Cstrong>aos-flip-up\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>flip-down: \u003Cstrong>aos-flip-down\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>flip-left: \u003Cstrong>aos-flip-left\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>flip-right: \u003Cstrong>aos-flip-right\u003C\u002Fstrong>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cstrong>Slide animations:\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>slide-up: \u003Cstrong>aos-slide-up\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>slide-down: \u003Cstrong>aos-slide-down\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>slide-left: \u003Cstrong>aos-slide-left\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>slide-right: \u003Cstrong>aos-slide-right\u003C\u002Fstrong>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cstrong>Zoom animations:\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>zoom-in: \u003Cstrong>aos-zoom-in\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>zoom-in-up: \u003Cstrong>aos-zoom-in-up\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>zoom-in-down: \u003Cstrong>aos-zoom-in-down\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>zoom-in-left: \u003Cstrong>aos-zoom-in-left\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>zoom-in-right: \u003Cstrong>aos-zoom-in-right\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>zoom-out: \u003Cstrong>aos-zoom-out\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>zoom-out-up: \u003Cstrong>aos-zoom-out-up\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>zoom-out-down: \u003Cstrong>aos-zoom-out-down\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>zoom-out-left: \u003Cstrong>aos-zoom-out-left\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>zoom-out-right: \u003Cstrong>aos-zoom-out-right\u003C\u002Fstrong>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Animation Settings\u003C\u002Fh3>\n\u003Cp>By default, the global animation settings are\u003C\u002Fp>\n\u003Cul>\n\u003Cli>offset: -100\u003C\u002Fli>\n\u003Cli>duration: 1100\u003C\u002Fli>\n\u003Cli>easing: ease\u003C\u002Fli>\n\u003Cli>delay: 0\u003C\u002Fli>\n\u003Cli>once: true\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>you can change that using filter:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>add_filter( 'aos_init', function($aos_init) {\n    return '\n    var aoswp_params = {\n        \"offset\":\"200\",\n        \"duration\":\"1800\",\n        \"easing\":\"ease-in-out\",\n        \"delay\":\"0\",\n        \"once\": false};\n    ';\n} );\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>or add the extra classes below to the element for individual settings. The plugin will add the corresponding aos attribute to the tag.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Once behavior:\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>once=true: \u003Cstrong>aos-once-true\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>once=false: \u003Cstrong>aos-once-false\u003C\u002Fstrong>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cstrong>Easing functions:\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>linear: \u003Cstrong>aos-easing-linear\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease: \u003Cstrong>aos-easing-ease\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-in: \u003Cstrong>aos-easing-ease-in\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-out: \u003Cstrong>aos-easing-ease-out\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-in-out: \u003Cstrong>aos-easing-ease-in-out\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-in-back: \u003Cstrong>aos-easing-ease-in-back\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-out-back: \u003Cstrong>aos-easing-ease-out-back\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-in-out-back: \u003Cstrong>aos-easing-ease-in-out-back\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-in-sine: \u003Cstrong>aos-easing-ease-in-sine\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-out-sine: \u003Cstrong>aos-easing-ease-out-sine\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-in-out-sine: \u003Cstrong>aos-easing-ease-in-out-sine\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-in-quad: \u003Cstrong>aos-easing-ease-in-quad\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-out-quad: \u003Cstrong>aos-easing-ease-out-quad\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-in-out-quad: \u003Cstrong>aos-easing-ease-in-out-quad\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-in-cubic: \u003Cstrong>aos-easing-ease-in-cubic\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-out-cubic: \u003Cstrong>aos-easing-ease-out-cubic\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-in-out-cubic: \u003Cstrong>aos-easing-ease-in-out-cubic\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-in-quart: \u003Cstrong>aos-easing-ease-in-quart\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-out-quart: \u003Cstrong>aos-easing-ease-out-quart\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>ease-in-out-quart: \u003Cstrong>aos-easing-ease-in-out-quart\u003C\u002Fstrong>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cstrong>Animation Duration:\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>100ms: \u003Cstrong>aos-duration-100\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>200ms: \u003Cstrong>aos-duration-200\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>300ms: \u003Cstrong>aos-duration-300\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>400ms: \u003Cstrong>aos-duration-400\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>500ms: \u003Cstrong>aos-duration-500\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>600ms: \u003Cstrong>aos-duration-600\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>700ms: \u003Cstrong>aos-duration-700\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>800ms: \u003Cstrong>aos-duration-800\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>900ms: \u003Cstrong>aos-duration-900\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1000ms: \u003Cstrong>aos-duration-1000\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1100ms: \u003Cstrong>aos-duration-1100\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1200ms: \u003Cstrong>aos-duration-1200\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1300ms: \u003Cstrong>aos-duration-1300\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1400ms: \u003Cstrong>aos-duration-1400\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1500ms: \u003Cstrong>aos-duration-1500\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1600ms: \u003Cstrong>aos-duration-1600\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1700ms: \u003Cstrong>aos-duration-1700\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1800ms: \u003Cstrong>aos-duration-1800\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1900ms: \u003Cstrong>aos-duration-1900\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2000ms: \u003Cstrong>aos-duration-2000\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2100ms: \u003Cstrong>aos-duration-2100\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2200ms: \u003Cstrong>aos-duration-2200\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2300ms: \u003Cstrong>aos-duration-2300\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2400ms: \u003Cstrong>aos-duration-2400\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2500ms: \u003Cstrong>aos-duration-2500\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2600ms: \u003Cstrong>aos-duration-2600\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2700ms: \u003Cstrong>aos-duration-2700\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2800ms: \u003Cstrong>aos-duration-2800\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2900ms: \u003Cstrong>aos-duration-2900\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>3000ms: \u003Cstrong>aos-duration-3000\u003C\u002Fstrong>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cstrong>Animation Delay:\u003C\u002Fstrong> (*\u003Cstrong>new\u003C\u002Fstrong>, added in 1.0.2)\u003C\u002Fp>\n\u003Cul>\n\u003Cli>100ms: \u003Cstrong>aos-delay-100\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>200ms: \u003Cstrong>aos-delay-200\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>300ms: \u003Cstrong>aos-delay-300\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>400ms: \u003Cstrong>aos-delay-400\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>500ms: \u003Cstrong>aos-delay-500\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>600ms: \u003Cstrong>aos-delay-600\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>700ms: \u003Cstrong>aos-delay-700\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>800ms: \u003Cstrong>aos-delay-800\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>900ms: \u003Cstrong>aos-delay-900\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1000ms: \u003Cstrong>aos-delay-1000\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1100ms: \u003Cstrong>aos-delay-1100\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1200ms: \u003Cstrong>aos-delay-1200\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1300ms: \u003Cstrong>aos-delay-1300\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1400ms: \u003Cstrong>aos-delay-1400\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1500ms: \u003Cstrong>aos-delay-1500\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1600ms: \u003Cstrong>aos-delay-1600\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1700ms: \u003Cstrong>aos-delay-1700\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1800ms: \u003Cstrong>aos-delay-1800\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>1900ms: \u003Cstrong>aos-delay-1900\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2000ms: \u003Cstrong>aos-delay-2000\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2100ms: \u003Cstrong>aos-delay-2100\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2200ms: \u003Cstrong>aos-delay-2200\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2300ms: \u003Cstrong>aos-delay-2300\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2400ms: \u003Cstrong>aos-delay-2400\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2500ms: \u003Cstrong>aos-delay-2500\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2600ms: \u003Cstrong>aos-delay-2600\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2700ms: \u003Cstrong>aos-delay-2700\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2800ms: \u003Cstrong>aos-delay-2800\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>2900ms: \u003Cstrong>aos-delay-2900\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>3000ms: \u003Cstrong>aos-delay-3000\u003C\u002Fstrong>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>To Disable Animations On Specific Device\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>To disable animations on certain elements on devices larger than 767px, simply add \u003Ccode>aoswp-disable-desktop\u003C\u002Fcode> class name to the element tag\u003Cbr \u002F>\n \u003C\u002Fli>\n\u003Cli>To disable animations on certain elements on devices smaller than 766px, simply add \u003Ccode>aoswp-disable-mobile\u003C\u002Fcode> class name to the element tag\u003Cbr \u002F>\n \u003C\u002Fli>\n\u003Cli>\n\u003Cp>To disable animations site-wide \u002F per page basis on specific devices:\u003Cbr \u002F>\nadd this lines to your css files:\u003C\u002Fp>\n\u003Cp>@media ( \u003Ca href=\"https:\u002F\u002Fgist.github.com\u002Fgokulkrishh\u002F242e68d1ee94ad05f488\" rel=\"nofollow ugc\"> \u003Ccode>your media query\u003C\u002Fcode> \u003C\u002Fa> ) {\u003C\u002Fp>\n\u003Cpre>\u003Ccode>    html:not(.no-js) .aoswp-enabled [data-aos] {\n        opacity: 1!important;\n        -webkit-transform: none!important;\n        transform: none!important;\n        transition: none!important;\n        transition-timing-function: unset!important;\n        transition-duration: unset!important;\n        transition-property: none!important;\n    }\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>}\u003C\u002Fp>\n\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp> \u003C\u002Fp>\n\u003Ch3>Note\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>Both AOS JavaScript and CSS will only be loaded if there is \u003Cstrong>‘\u003Ccode>aos-\u003C\u002Fcode>‘\u003C\u002Fstrong> in the page’s html. So this plugin will not add bloat to pages that do not use\u002Fneed the AOS animations.\u003Cbr \u002F>\n \u003C\u002Fli>\n\u003Cli>Although the AOS library is already lightweight, the CSS and JS in this plugin are delay-able, so it won’t hurt your site’s performance at all. (You can use \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Foptimize-more\u002F\" rel=\"ugc\">Optimize More!\u003C\u002Fa>\u003C\u002Fstrong>  to delay the CSS and JS)\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Disclaimer\u003C\u002Fh3>\n\u003Cp>This plugin doesn’t add anything to your database and won’t do any permanent change to your HTML, so you can safely deactivate and delete it when you no longer need it.\u003C\u002Fp>\n\u003Ch3>USEFUL PLUGINS TO OPTIMIZE YOUR SITE’S SPEED:\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Foptimize-more\u002F\" rel=\"ugc\">Optimize More!\u003C\u002Fa>\u003C\u002Fstrong> –  A DIY WordPress Page Speed Optimization Pack. Features:\n\u003Cul>\n\u003Cli>\u003Cstrong>Load CSS Asynchronously\u003C\u002Fstrong> – selectively load CSS file(s) asynchronously on selected post\u002Fpage types.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Delay CSS and JS until User Interaction\u003C\u002Fstrong> – selectively delay CSS\u002FJS load until user interaction on selected post\u002Fpage types.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Preload Critical CSS, JS, and Font Files\u003C\u002Fstrong> – selectively preload critical CSS\u002FJS\u002FFont file(s) on selected post\u002Fpage types.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Remove Unused CSS and JS Files\u003C\u002Fstrong> – selectively remove unused CSS\u002FJS file(s) on selected post\u002Fpage types.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Load Gutenberg CSS conditionally\u003C\u002Fstrong> – Load each CSS of the core blocks will only get enqueued when the block gets rendered on a page.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Advance Defer JS\u003C\u002Fstrong> – hold JavaScripts load until everything else has been loaded. Adapted from the legendary \u003Cstrong>varvy’s defer js\u003C\u002Fstrong> method \u003Cem>*recommended for defer loading 3rd party scripts like ads, pixels, and trackers\u003C\u002Fem>\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Defer JS\u003C\u002Fstrong> – selectively defer loading JavaScript file(s) on selected post\u002Fpage types.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Remove Passive Listener Warnings\u003C\u002Fstrong> – Remove the “Does not use passive listeners to improve scrolling performance” warning on Google PageSpeed Insights\u003Cbr \u002F>\n \u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003Cli>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Foptimize-more-images\u002F\" rel=\"ugc\">Optimize More! Images\u003C\u002Fa>\u003C\u002Fstrong> – A simple yet powerfull image, iframe, and video optimization plugin (Lazy load images \u002F iframes \u002F videos, Preload featured images automatically). Also support lazy loading CSS background images.\u003Cbr \u002F>\n \u003C\u002Fli>\n\u003Cli>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Flazyload-preload-and-more\u002F\" rel=\"ugc\">Lazyload, Preload, and more!\u003C\u002Fa>\u003C\u002Fstrong> – A simplified version of \u003Cstrong>Optimize More! Images\u003C\u002Fstrong>. Able to do what \u003Cstrong>Optimize More! Images\u003C\u002Fstrong> can do but without UI for settings (you can customize the default settings using filters). This tiny little plugin (around 14kb zipped) will automatically:\n\u003Cul>\n\u003Cli>\u003Cstrong>lazyload\u003C\u002Fstrong> your below the fold images (img tag and bg images) \u002Fiframes \u002F videos,\u003C\u002Fli>\n\u003Cli>\u003Cstrong>preload\u003C\u002Fstrong> your featured images,\u003C\u002Fli>\n\u003Cli>and add \u003Cstrong>loading=”eager”\u003C\u002Fstrong> to your featured image and all images that have \u003Ccode>no-lazy\u003C\u002Fcode> or \u003Ccode>skip-lazy\u003C\u002Fcode> class.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Other USEFUL PLUGIN:\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fshop-extra\u002F\" rel=\"ugc\">Shop Extra\u003C\u002Fa>\u003C\u002Fstrong> – A lightweight plugin to optimize your WooCommerce & Business site:\n\u003Cul>\n\u003Cli>\u003Cstrong>Floating WhatsApp Chat Widget\u003C\u002Fstrong> (can be use without WooCommerce),\u003C\u002Fli>\n\u003Cli>\u003Cstrong>WhatsApp Order Button for WooCommrece\u003C\u002Fstrong>,\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Hide\u002FDisable WooCommerce Elements\u003C\u002Fstrong>,\u003C\u002Fli>\n\u003Cli>\u003Cstrong>WooCommerce Strings Translations\u003C\u002Fstrong>,\u003C\u002Fli>\n\u003Cli>and many more.\u003Cbr \u002F>\n \u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003Cli>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fimage-video-lightbox\u002F\" rel=\"ugc\">Image & Video Lightbox\u003C\u002Fa>\u003C\u002Fstrong> – A lightweight plugin that automatically adds Lightbox functionality to images displayed by WordPress (Gutenberg) Gallery and Image Blocks, as well as GenerateBlocks Image Blocks, and also videos created by the core Video Block,  without the need to set the link to media file manually one by one.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp> \u003C\u002Fp>\n","Animate any Elements on scroll using the popular AOS JS library simply by adding class names.",4000,22290,86,"2024-04-08T03:50:00.000Z","6.5.8","5.8","7.4",[28,29,30,31,32],"animate","animation","aos","scroll","scroll-animation","","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fanimate-on-scroll.1.0.7.zip",92,0,null,"2026-03-15T15:16:48.613Z",{"slug":40,"name":41,"version":42,"author":5,"author_profile":6,"description":43,"short_description":44,"active_installs":45,"downloaded":46,"rating":47,"num_ratings":48,"last_updated":49,"tested_up_to":50,"requires_at_least":25,"requires_php":26,"tags":51,"homepage":33,"download_link":57,"security_score":58,"vuln_count":36,"unpatched_count":36,"last_vuln_date":37,"fetched_at":38},"optimize-more","Optimize More!","2.0.3","\u003Cp>\u003Cstrong>A ‘Do It Yourself’ WordPress Page Speed Optimization Pack.\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>\u003Cem>Optimizing web pages is really just about controlling how assets are delivered.\u003C\u002Fem>\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Optimize your site further. Load faster on GTmetrix, Get better scores on Google Page Speed Insight.\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>Control your CSS & JavaScripts Delivery: Load CSS Asynchronously, Delay CSS & JavaScript until User Interaction, Remove Unused CSS & JavaScript Files, Preload Critical CSS & JavaScript, Defer JavaScripts, and more.\u003C\u002Fp>\n\u003Cp>You can choose each CSS & JavaScripts individually and what type of execution is required per each post types.\u003C\u002Fp>\n\u003Cp>This plugin inspired by the mighty \u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fflying-scripts\u002F\" rel=\"ugc\">Flying Scripts\u003C\u002Fa> from Gijo Varghese. Using HTML Dom Parser to manipulate your page’s HTML, so we can simply use the keyword of the assets to target them.\u003C\u002Fp>\n\u003Ch3>Main Features\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\n\u003Cp>\u003Cstrong>Load CSS Asynchronously\u003C\u002Fstrong> — load any CSS file(s) asynchronously on selected post\u002Fpage types.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Delay CSS and JavaScripts until User Interaction\u003C\u002Fstrong> — delay any CSS\u002FJavaScripts load until user interaction on selected post\u002Fpage types.\u003Cbr \u002F>\n\u003Cem>Note\u003C\u002Fem>:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cem>By default, the delay JavaScripts and CSS features are configured to user interaction based. You can change that using filter.\u003C\u002Fem>\u003C\u002Fli>\n\u003Cli>\u003Cem>If you prefer to use ‘exclusions’, you can simply delay all JavaScripts using “\u003Ccode>.js\u003C\u002Fcode>” keywords, and use provided filter to exclude specific JavaScripts.\u003C\u002Fem>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Defer JavaScripts\u003C\u002Fstrong> — defer loading any JavaScript file(s) on selected post\u002Fpage types.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Advance Defer JavaScripts\u003C\u002Fstrong> — hold any JavaScript file(s) load until everything else has been loaded. Adapted from the legendary \u003Cstrong>varvy’s defer JavaScripts\u003C\u002Fstrong> method \u003Cem>*recommended for defer loading 3rd party scripts like ads, pixels, and trackers\u003C\u002Fem>\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Preload Critical CSS, JavaScripts, and Font Files\u003C\u002Fstrong> — preload any critical CSS\u002FJavaScript\u002FFont file(s) on selected post\u002Fpage types.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Inline CSS and JavaScript Files\u003C\u002Fstrong> — inline any critical CSS\u002FJavaScript file(s) on selected post\u002Fpage types. \u003Cem>*warning: Inlining multiple \u002F large files might slow down your site’s performance. Enabling this without using a caching system is generally not recommended.\u003C\u002Fem>\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Remove Unused CSS and JavaScripts Files\u003C\u002Fstrong> — remove any unused CSS\u002FJavaScripts file(s) on selected post\u002Fpage types.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cstrong>Use case\u003C\u002Fstrong>:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Have CSS files that are only be used in the below the fold area? Delay them.\u003C\u002Fli>\n\u003Cli>Have JavaScripts files that are not required in initial page rendering? Delay them.\u003C\u002Fli>\n\u003Cli>Have CSS files that are used in the above the fold area? Preload them.\u003C\u002Fli>\n\u003Cli>Have JavaScripts files such as jQuery that are needed to be load since the beginning? Preload them.\u003C\u002Fli>\n\u003Cli>Have CSS files that are critical for above the fold area? Inline them.\u003C\u002Fli>\n\u003Cli>Need to remove “Eliminate Render Blocking Resources” warnings on Google Page Speed Insights? Async, Defer, Inline, or Preload them.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Other Features\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\n\u003Cp>\u003Cstrong>Load Gutenberg CSS conditionally\u003C\u002Fstrong> — This feature will make the combined CSS (wp-block-library) removed and your page \u003Cstrong>will only load the CSS of each block\u003C\u002Fstrong> that you use on the page (and only if you use one of the core blocks!). Each CSS of the core blocks will only get enqueued when the block gets rendered on a page. This will save you from worrying if you still need to use the native Gutenberg core blocks in some of your pages.\u003Cbr \u002F>\n\u003Cem>Note: the inline “global-styles” will also only load if you use one of the core blocks when you combine this feature with the \u003Cstrong>Remove FSE Global Styles\u003C\u002Fstrong> feature\u003C\u002Fem>.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Remove FSE Global Styles\u003C\u002Fstrong> — Remove WP “global-styles-inline-css”. \u003Cem>Note: this will still conditionally loaded if you enable \u003Cstrong>Load Gutenberg CSS conditionally\u003C\u002Fstrong> feature\u003C\u002Fem>.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Remove SVG Duotone Filter\u003C\u002Fstrong>.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Filter Google Fonts\u003C\u002Fstrong> — Filter the Google Font Characters to use most common characters only. In most font families, this will significantly reduce the font file size.  \u003Cem>*remember to use the web-safe font that is most similar to the font you are using as the font family fallback or \u003Cstrong>you can simply modify the default character using the provided filter\u003C\u002Fstrong>\u003C\u002Fem>.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Combined Google Fonts\u003C\u002Fstrong> — Combine google fonts css into one single line \u003Cem>*only works for google font url(s) that are using the latest Google Font API (css2)\u003C\u002Fem>.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Select Font Display\u003C\u002Fstrong> — Choose the best google fonts’ font-display strategy for your website.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Remove Passive Listener Warnings\u003C\u002Fstrong> — Remove the “Does not use passive listeners to improve scrolling performance” warning on Google PageSpeed Insights\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Prefetch Pages\u003C\u002Fstrong> — Prefetch in view links so visitors can switch pages (\u003Cem>more\u003C\u002Fem>) instantly. \u003Cem>*based on Gijo’s \u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fflying-pages\u002F\" rel=\"ugc\">Flying Pages\u003C\u002Fa>\u003C\u002Fem>\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Optimize WC Cart Fragments\u003C\u002Fstrong> — Disable WC Cart Fragments, only when it’s empty. \u003Cem>*based on Optimocha’s (Barış Ünver) \u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fdisable-cart-fragments\u002F\" rel=\"ugc\">Disable Cart Fragments\u003C\u002Fa>\u003C\u002Fem>\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Remove WooCommerce Blocks CSS\u003C\u002Fstrong>.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Disable jQuery Migrate\u003C\u002Fstrong>.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Disable WP Embeds\u003C\u002Fstrong>.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Disable WP Emojis\u003C\u002Fstrong>.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Lazyload, Preload, and More\u003C\u002Fstrong> — Add Lazyload, Preload, and More features. This is a non JavaScript version of \u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Flazyload-preload-and-more\u002F\" rel=\"ugc\">Lazyload, preload, and more\u003C\u002Fa>. *lazyload applied for images\u002Fiframes tag only. if you need to lazyload css background images, use the \u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Flazyload-preload-and-more\u002F\" rel=\"ugc\">Lazyload, preload, and more\u003C\u002Fa> plugin instead.\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Control your images and iframes delivery\u003C\u002Fli>\n\u003Cli>Automatically preload featured images\u003C\u002Fli>\n\u003Cli>Add images dimensions (also able to add SVG images dimensions)\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp> \u003Cbr \u002F>\nA simple tutorial of how to use this plugin: \u003Ca href=\"https:\u002F\u002Fdhiratara.me\u002Fhow-to\u002Fuse-optimize-more\u002F\" rel=\"nofollow ugc\">How to use Optmize More Plugin\u003C\u002Fa> (Indonesian Version: \u003Ca href=\"https:\u002F\u002Fthinkdigital.co.id\u002Fwordpress\u002Fplugin\u002Foptimize-more\u002F\" rel=\"nofollow ugc\">Cara mempercepat loading WordPress dengan plugin Optimize More\u003C\u002Fa>).\u003C\u002Fp>\n\u003Cp>Big thanks to Gijo Varghese, without his codes in Flying Scripts, I can never be able to build this plugin. Thanks Gijo! 🙂\u003C\u002Fp>\n\u003Ch3>Credits\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\u003Cstrong>Gijo Varghese\u003C\u002Fstrong> for his codes in Flying Scripts and Flying Pages\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Barış Ünver\u003C\u002Fstrong> for his codes in Disable Cart Fragments\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Disclaimer\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\n\u003Cp>This plugin should works well with any caching plugins.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>This plugin only adds 1 extra row to your database. And it will self delete upon uninstallation.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>I built this plugin to optimize my Clients’ site. And I can get a very good scores even before activating my caching plugin.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Available Filters\u003C\u002Fh3>\n\u003Ch3>To change the delay configuration:\u003C\u002Fh3>\n\u003Cp>By default, the delay JavaScripts and CSS are configured to user interaction based. But you can change that using filter:\u003C\u002Fp>\n\u003Cp>\u003Cem>For delay CSS, e.g.:\u003C\u002Fem>\u003C\u002Fp>\n\u003Cpre>\u003Ccode>add_filter( 'om_delay_css_time', function($om_delay_css_time) {\n    return '3*1000';\n} );\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>\u003Cem>For delay JavaScripts, e.g.:\u003C\u002Fem>\u003C\u002Fp>\n\u003Cpre>\u003Ccode>add_filter( 'om_delay_css_time', function($om_delay_css_time) {\n    return '3*1000';\n} );\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>or if you want to change it for specific page only:\u003C\u002Fp>\n\u003Cp>\u003Cem>For delay CSS, e.g.:\u003C\u002Fem>\u003C\u002Fp>\n\u003Cpre>\u003Ccode>add_filter( 'om_delay_css_time', function($om_delay_css_time) {\n    if (is_front_page()) {\n        return '3*1000';\n    }\n    else {\n        return $om_delay_css_time;\n    }\n} );\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>\u003Cem>For delay JavaScripts e.g.:\u003C\u002Fem>\u003C\u002Fp>\n\u003Cpre>\u003Ccode>add_filter( 'om_delay_js_time', function($om_delay_js_time) {\n    if (is_front_page()) {\n        return '3*1000';\n    }\n    else {\n        return $om_delay_js_time;\n    }\n} );\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>To use Exclusions instead of Inclusions\u003C\u002Fh3>\n\u003Cp>If you prefer to use ‘exclusions’ method, simply delay all JavaScript files using “\u003Ccode>.js\u003C\u002Fcode>” keyword, and use the provided filters to exclude specific JavaScript files:\u003C\u002Fp>\n\u003Cp>Example filter to add exclude list for the whole site (general):\u003C\u002Fp>\n\u003Cpre>\u003Ccode>add_filter('delay_js_exclude_list_default', function($exclusion_list) {\n    $exclusion_list[] = 'jquery-core';\n    $exclusion_list[] = 'js-cookie';\n    $exclusion_list[] = 'wc-add-to-cart-js';\n    return $exclusion_list;\n});\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Example filter to add exclude list for Homepage option:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>add_filter('delay_js_exclude_list_front_page', function($exclusion_list) {\n    $exclusion_list[] = 'jquery';\n    $exclusion_list[] = 'custom-js';\n    return $exclusion_list;\n});\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Example filter to add exclude list for Custom Page option:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>add_filter('delay_js_exclude_list_pages', function($exclusion_list) {\n    $exclusion_list[] = 'jquery';\n    $exclusion_list[] = 'another-js';\n    return $exclusion_list;\n});\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Example filter to add exclude list for Archives option:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>add_filter('delay_js_exclude_list_archives', function($exclusion_list) {\n    $exclusion_list[] = 'jquery';\n    $exclusion_list[] = 'another-js';\n    return $exclusion_list;\n});\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Example filter to add exclude list for Singular option:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>add_filter('delay_js_exclude_list_singular', function($exclusion_list) {\n    $exclusion_list[] = 'jquery';\n    $exclusion_list[] = 'another-js';\n    return $exclusion_list;\n});\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Example filter to add exclude list for WooCommerce Products option:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>add_filter('delay_js_exclude_list_wc_product', function($exclusion_list) {\n    $exclusion_list[] = 'jquery';\n    $exclusion_list[] = 'another-js';\n    return $exclusion_list;\n});\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Example filter to add exclude list for WooCommerce Archives option:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>add_filter('delay_js_exclude_list_wc_archives', function($exclusion_list) {\n    $exclusion_list[] = 'jquery';\n    $exclusion_list[] = 'another-js';\n    return $exclusion_list;\n});\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>To modify the Filter Google Font Characters\u003C\u002Fh3>\n\u003Cp>By default, this feature filtered the Google Font Characters to only use:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz%20!&\"#$%\\'()*+,-.\u002F:;\u003C=>?@[\\\\]^_`{|}~%26≤≥±√$€£¥•©®™\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>You can modify the characters using this filter:\u003C\u002Fp>\n\u003Cp>Example filter to add some extra characters:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>add_filter('font_characters', function ($fontCharacters) {\n    \u002F\u002F Modify the characters as needed\n    $fontCharacters .= 'éèêñ';\n    return $fontCharacters;\n});\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Example filter to fully use your preferred characters:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>add_filter('font_characters', function ($fontCharacters) {\n    \u002F\u002F Modify the characters as needed\n    $fontCharacters = '1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz%20!\"#$%\\'()*+,-.\u002F:;';\n    return $fontCharacters;\n});\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>\u003Cem>*note the ‘dot’ difference\u003C\u002Fem>\u003C\u002Fp>\n\u003Ch3>Lazy Load, Preload, and more filters\u003C\u002Fh3>\n\u003Cp>Example filter to add extra lazyload exclude list:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>add_filter( 'opm_exclude_lazy_class', function($opm_exclude_lazy_class) {\n    return array( \n        'my-logo', 'my-hero-img', 'exclude-lazy'\n    );\n} );\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Example filter to change the image sizes for preload featured image:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>add_filter( 'opm_featured_image_size', function($image_size, $post) {\n    if ( is_singular( 'post' ) ) { return 'large'; }\n    elseif ( is_singular( 'product' ) ) { return 'full'; }\n    else { return $image_size; }\n}, 10, 2 );\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp> \u003C\u002Fp>\n\u003Ch3>Need Help?\u003C\u002Fh3>\n\u003Cp>Still having trouble to speed up your site and need someone to do that for you? Try my \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fdhiratara.me\u002Fservices\u002Fspeed-optimization\u002F\" rel=\"nofollow ugc\">WordPress Speed Optimization Service\u003C\u002Fa>\u003C\u002Fstrong>.\u003C\u002Fp>\n\u003Cp> \u003C\u002Fp>\n\u003Ch3>Check out my other plugins:\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Foptimize-more-images\u002F\" rel=\"ugc\">Optimize More! Images\u003C\u002Fa>\u003C\u002Fstrong>\u003Cbr \u002F>\nA simple yet powerfull image, iframe, and video optimization plugin.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Flazyload-preload-and-more\u002F\" rel=\"ugc\">Lazyload, Preload, and more!\u003C\u002Fa>\u003C\u002Fstrong>\u003Cbr \u002F>\nA simplified version of \u003Cstrong>Optimize More! Images\u003C\u002Fstrong>. This tiny little plugin (around 14kb zipped) is able to do what \u003Cstrong>Optimize More! Images\u003C\u002Fstrong> can do but without UI for settings (you can customize the default settings using filters).\u003C\u002Fli>\n\u003Cli>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fanimate-on-scroll\u002F\" rel=\"ugc\">Animate on Scroll\u003C\u002Fa>\u003C\u002Fstrong>\u003Cbr \u002F>\nAnimate any Elements on scroll using the popular AOS JS library simply by adding class names.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fshop-extra\u002F\" rel=\"ugc\">Shop Extra – WooCommerce Extras\u003C\u002Fa>\u003C\u002Fstrong>\u003Cbr \u002F>\nA lightweight plugin to enhance your WooCommerce & Business site. Floating WhatsApp Chat Widget, WhatsApp Order Button for WooCommerce, Hide\u002FDisable WooCommerce Elements, WooCommerce Strings Translations, add Extra Product Tabs, add Date Picker to products, limit order quantity, add Custom Option to Checkout Page, Add Edit Order features to Checkout page, and many more.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fimage-video-lightbox\u002F\" rel=\"ugc\">Image & Video Lightbox\u003C\u002Fa>\u003C\u002Fstrong>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp> \u003C\u002Fp>\n","A DIY WordPress Page Speed Optimization Pack. Optimize CSS & JavaScripts Delivery: Load CSS Asynchronously, Delay CSS & JavaScripts until User …",200,12166,100,9,"2024-02-20T17:11:00.000Z","6.4.8",[52,53,54,55,56],"core-web-vitals","css","javascript","js","optimize","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Foptimize-more.2.0.3.zip",85,{"slug":60,"name":61,"version":62,"author":5,"author_profile":6,"description":63,"short_description":64,"active_installs":65,"downloaded":66,"rating":47,"num_ratings":67,"last_updated":68,"tested_up_to":69,"requires_at_least":25,"requires_php":26,"tags":70,"homepage":33,"download_link":75,"security_score":58,"vuln_count":36,"unpatched_count":36,"last_vuln_date":37,"fetched_at":38},"lazyload-preload-and-more","Lazyload, Preload, and More!","1.0.4","\u003Cp>A drop dead simple and lightweight image, iframe, and video optimization plugin to satisfy Google PageSpeed Insights, Lighthouse, and overall user experience.\u003C\u002Fp>\n\u003Cp>This tiny little plugin (around \u003Cstrong>14kb\u003C\u002Fstrong> zipped) will automatically\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>lazyload\u003C\u002Fstrong> your below the fold images\u002Fiframes\u002Fvideos,\u003C\u002Fli>\n\u003Cli>\u003Cstrong>preload\u003C\u002Fstrong> your featured images (should also works well with WooCommerce product featured image),\u003C\u002Fli>\n\u003Cli>\u003Cstrong>add loading=”eager”\u003C\u002Fstrong> to your featured image and all images that have \u003Ccode>no-lazy\u003C\u002Fcode> or \u003Ccode>skip-lazy\u003C\u002Fcode> class.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>add missing image dimension\u003C\u002Fstrong> to images that doesn’t have width and height attribute\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Features\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\u003Cstrong>Lazy Load\u003C\u002Fstrong>:\n\u003Cul>\n\u003Cli>Images, iframes, and videos.\u003C\u002Fli>\n\u003Cli>Inline background images.\u003C\u002Fli>\n\u003Cli>CSS background image (simply put \u003Ccode>lazyload\u003C\u002Fcode> class to the background image container)\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Preload Featured Images\u003C\u002Fstrong>\u003Cbr \u002F>\nAutomatically preloading featured image from common page\u002Fpost (homepage, pages except homepage, single post, and WooCommerce single product pages)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Add loading=”eager” attribute\u003C\u002Fstrong> to to your featured image and all images that have \u003Ccode>no-lazy\u003C\u002Fcode> or \u003Ccode>skip-lazy\u003C\u002Fcode> class.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Add missing image dimension\u003C\u002Fstrong> to images that doesn’t have width and height attribute [since 1.0.3]\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Should works well with all page builders and theme builders. This plugin also able to lazy loading WooCommerce images and preloading WooCommerce product featured images.\u003C\u002Fp>\n\u003Ch3>Disclaimer\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>Lazy load feature are using \u003Cstrong>Lazysizes\u003C\u002Fstrong> library (around \u003Cstrong>3kb\u003C\u002Fstrong>, gzipped and minified).\u003C\u002Fli>\n\u003Cli>This plugin doesn’t add anything to your database since there’s no settings and options. Everything will automatically activated after you activate the plugin.\u003C\u002Fli>\n\u003Cli>You can change some default settings using filter.\u003C\u002Fli>\n\u003Cli>This plugin is the simplified version of \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Foptimize-more-images\u002F\" rel=\"ugc\">Optimize More! – Images\u003C\u002Fa>\u003C\u002Fstrong>, if you don’t want to use filters and need to control the settings with UI, you can try that plugin instead of this one.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>About Lazysizes\u003C\u002Fh3>\n\u003Cp>Lazysizes is highly performant lazy load library, written by Alexander Farkas in pure JS with no dependencies.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Taken from lazysize’s github description\u003C\u002Fstrong>:\u003Cbr \u002F>\n\u003Cem>High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration.\u003C\u002Fem>\u003C\u002Fp>\n\u003Ch3>Filters\u003C\u002Fh3>\n\u003Cp>Example filter to add extra lazyload exclude list:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>add_filter( 'lpam_extra_exclude_list', function($lpam_extra_exclude_list) {\n    return array( \n        'my-logo', 'my-hero-img', 'exclude-lazy'\n    );\n} );\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Example filter to change lazysizes config (Read the \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FaFarkas\u002Flazysizes\u002F#js-api---options\" rel=\"nofollow ugc\">docs\u003C\u002Fa>):\u003C\u002Fp>\n\u003Cpre>\u003Ccode>add_filter( 'lpam_lazysizes_js_before', function($lpam_lazysizes_js_before) {\n    return 'window.lazySizesConfig = {\n        expand: 500,\n        threshold: 500\n    };'\n} );\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Example filter to change the image sizes for preload featured image:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>add_filter( 'lpam_preload_featured_images_image_size', function($image_size, $post) {\n    if ( is_singular( 'post' ) ) { return 'large'; }\n    elseif ( is_singular( 'product' ) ) { return 'full'; }\n    else { return $image_size; }\n}, 10, 2 );\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>[\u003Cem>new\u003C\u002Fem> since \u003Cstrong>1.0.2\u003C\u002Fstrong>] Example to disable the preload featured image feature in certain page-type:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>add_filter('disable_featured_image_preload', function ($disable) {\n    if ( is_singular( 'post' ) ) {\n        return true;\n    }\n});\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>[\u003Cem>new\u003C\u002Fem> since \u003Cstrong>1.0.3\u003C\u002Fstrong>] Example to disable adding image dimension in certain page-type:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>add_filter('disable_img_dimension', function ($disable) {\n    if ( is_singular( 'post' ) ) {\n        return true;\n    }\n});\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>[\u003Cem>new\u003C\u002Fem> since \u003Cstrong>1.0.3\u003C\u002Fstrong>] Example to disable this plugin completely in certain page using url:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>add_filter('lazy_load_excluded_pages', function ($excludedPages) {\n    $excludedPages[] = '\u002Fpage-1';\n    $excludedPages[] = '\u002Fpage-2';\n    return $excludedPages;\n});\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>[\u003Cem>new\u003C\u002Fem> since \u003Cstrong>1.0.3\u003C\u002Fstrong>] Example to disable this plugin completely in certain page using page ID:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>add_filter('lazy_load_excluded_page_ids', function ($excludedPageIDs) {\n    $excludedPageIDs[] = 3678; \u002F\u002F Exclude page with ID 1\n    $excludedPageIDs[] = 3615; \u002F\u002F Exclude page with ID 2\n    return $excludedPageIDs;\n});\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>[\u003Cem>new\u003C\u002Fem> since \u003Cstrong>1.0.4\u003C\u002Fstrong>] To disable the  tag:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>add_filter('disable_noscript', '__return_true');\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp> \u003C\u002Fp>\n\u003Ch3>USEFUL PLUGINS TO OPTIMIZE YOUR SITE’S SPEED:\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\n\u003Cp>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Foptimize-more\u002F\" rel=\"ugc\">Optimize More!\u003C\u002Fa>\u003C\u002Fstrong>: A Do It Yourself WordPress Optimization Plugin that give you the ability to:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\n\u003Cp>\u003Cstrong>Load CSS Asynchronously\u003C\u002Fstrong> – selectively load CSS file(s) asynchronously on selected post\u002Fpage types.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Delay CSS and JS until User Interaction\u003C\u002Fstrong> – selectively delay CSS\u002FJS load until user interaction on selected post\u002Fpage types.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Preload Critical CSS, JS, and Font Files\u003C\u002Fstrong> – selectively preload critical CSS\u002FJS\u002FFont file(s) on selected post\u002Fpage types.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Remove Unused CSS and JS Files\u003C\u002Fstrong> – selectively remove unused CSS\u002FJS file(s) on selected post\u002Fpage types.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Defer JS\u003C\u002Fstrong> – selectively defer loading JavaScript file(s) on selected post\u002Fpage types.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Advance Defer JS\u003C\u002Fstrong> – hold JavaScripts load until everything else has been loaded. Adapted from the legendary \u003Cstrong>varvy’s defer js\u003C\u002Fstrong> method \u003Cem>*recommended for defer loading 3rd party scripts like ads, pixels, and trackers\u003C\u002Fem>\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Load Gutenberg CSS conditionally\u003C\u002Fstrong>\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Remove Passive Listener Warnings\u003C\u002Fstrong>\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>and many more\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Other USEFUL PLUGIN:\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\n\u003Cp>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fshop-extra\u002F\" rel=\"ugc\">Shop Extra\u003C\u002Fa>\u003C\u002Fstrong> – A lightweight plugin to optimize your WooCommerce & Business site that makes you able to:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>add Floating WhatsApp Chat Widget (can be use without WooCommerce),\u003C\u002Fli>\n\u003Cli>add WhatsApp Order Button for WooCommrece,\u003C\u002Fli>\n\u003Cli>Hide\u002FDisable WooCommerce Elements,\u003C\u002Fli>\n\u003Cli>WooCommerce Strings Translations,\u003C\u002Fli>\n\u003Cli>and many more.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fanimate-on-scroll\u002F\" rel=\"ugc\">Animate on Scroll\u003C\u002Fa>\u003C\u002Fstrong> – Animate any Elements on scroll using the popular AOS JS library simply by adding class names. This plugin helps you integrate easily with AOS JS library to add any AOS animations to WordPress. Simply add the desired AOS animation to your element class name with “aos-” prefix and the plugin will add the corresponding aos attribute to the element tag.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Optimize More!\u003C\u002Fh3>\n\u003Cp>Need to optimize more? Try my \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fthinkdigital.co.id\u002Fservices\u002Fspeed-optimization\u002F\" rel=\"nofollow ugc\">WordPress Page Speed Optimization’s Service\u003C\u002Fa>\u003C\u002Fstrong>.\u003C\u002Fp>\n","A drop dead simple and lightweight image, iframe, and video optimization plugin to satisfy Google PageSpeed Insights and Core Web Vitals.",90,1780,1,"2023-10-09T02:34:00.000Z","6.3.8",[52,71,72,73,74],"lazy-load","lazyload","loading-eager","pagespeed","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Flazyload-preload-and-more.1.0.4.zip",{"slug":77,"name":78,"version":79,"author":5,"author_profile":6,"description":80,"short_description":81,"active_installs":82,"downloaded":83,"rating":47,"num_ratings":84,"last_updated":85,"tested_up_to":86,"requires_at_least":25,"requires_php":26,"tags":87,"homepage":33,"download_link":89,"security_score":90,"vuln_count":67,"unpatched_count":67,"last_vuln_date":91,"fetched_at":38},"optimize-more-images","Optimize More! – Images","1.1.3","\u003Cp>A lightweight yet powerful image, iframe, and video optimization plugin. Lazy load, preload, and more. No jquery dependency.\u003C\u002Fp>\n\u003Ch3>Features\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\u003Cstrong>Lazy Load\u003C\u002Fstrong> – Lazy loading images, iframes, and videos, using the high performant \u003Ccode>lazysizes.js\u003C\u002Fcode>. No jquery dependency.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Preload Featured Images\u003C\u002Fstrong> – Automatically preloading featured image from common page\u002Fpost (homepage, pages except homepage, single post, and woocommerce single product pages).\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Use CDN for Images\u003C\u002Fstrong> – HTML rewrite if you want to serve images from your favorite CDN.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Add Missing Image Dimensions\u003C\u002Fstrong> – Add missing width and height attributes from your images.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cstrong>New\u003C\u002Fstrong> (since 1.1.1)\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Add \u003Ccode>no-lazy\u003C\u002Fcode> and \u003Ccode>skip-lazy\u003C\u002Fcode> class as default exclude class for lazyloading images.\u003C\u002Fli>\n\u003Cli>Enable \u003Ccode>loading eager\u003C\u002Fcode> to also target \u003Ccode>no-lazy\u003C\u002Fcode> and \u003Ccode>skip-lazy\u003C\u002Fcode> class.\u003C\u002Fli>\n\u003Cli>Automatically exclude featured image (add \u003Ccode>no-lazy\u003C\u002Fcode> class) from lazyloading if \u003Ccode>Preload Featured Images\u003C\u002Fcode> feature is enabled (useful to avoid \u003Ccode>Largest Contentful Paint image was lazily loaded\u003C\u002Fcode> warning in Google Pagespeed Insights ).\u003C\u002Fli>\n\u003Cli>Add \u003Ccode>webp\u003C\u002Fcode> extension to CDN HTML rewrite regex.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cstrong>New\u003C\u002Fstrong> (since 1.0.7)\u003C\u002Fp>\n\u003Cul>\n\u003Cli>We changed the lazy load library from lozad.js to \u003Cstrong>lazysizes.js\u003C\u002Fstrong>.\u003C\u002Fli>\n\u003Cli>Add field to modify lazysize default configuration. Read the \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FaFarkas\u002Flazysizes\u002F#js-api---options\" rel=\"nofollow ugc\">docs\u003C\u002Fa>.\u003C\u002Fli>\n\u003Cli>Add fields to specify width and height fallback value if the Add Missing Image Dimensions feature failed to get the actual image dimension.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cstrong>New\u003C\u002Fstrong> (since 1.0.3)\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Lazy load CSS Background Images\u003C\u002Fstrong> – Load faster by lazy loading background images from the CSS \u003Ccode>background-image\u003C\u002Fcode> property.  Tested and works well on CSS background image from \u003Ccode>GenerateBlocks\u003C\u002Fcode>, \u003Ccode>Elementor\u003C\u002Fcode>, and \u003Ccode>Oxygen Builder\u003C\u002Fcode>.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Noscript Fallback\u003C\u002Fstrong> – Extra option to use \u003Cnoscript> fallback for lazy images and iframes.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Add Loading Eager\u003C\u002Fstrong> – Extra option to Automatically add \u003Ccode>loading=eager\u003C\u002Fcode> to the lazy load excluded list.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>This plugin only adds 1 extra row in your database. And it will self delete upon uninstalation.\u003C\u002Fp>\n\u003Ch3>About Lazysizes\u003C\u002Fh3>\n\u003Cp>Lazysizes is highly performant lazy load library, written by Alexander Farkas in pure JS with no dependencies.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Taken from lazysize’s github description\u003C\u002Fstrong>:\u003Cbr \u002F>\n\u003Cem>High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration.\u003C\u002Fem>\u003C\u002Fp>\n\u003Ch3>Optimize More!\u003C\u002Fh3>\n\u003Cp>Need to optimize more? Try our \u003Ca href=\"https:\u002F\u002Fthinkweb.dev\u002Fservice\u002Fspeed-optimization\u002F\" rel=\"nofollow ugc\">WordPress Speed Optimization’s Service\u003C\u002Fa>.\u003C\u002Fp>\n\u003Ch3>Other USEFUL PLUGINS TO OPTIMIZE YOUR SITE’S SPEED:\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\n\u003Cp>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Foptimize-more\u002F\" rel=\"ugc\">Optimize More!\u003C\u002Fa>\u003C\u002Fstrong> – Selectively Optimize your CSS\u002FJS Delivery: Load CSS Asynchronously, Delay CSS and JavaScripts until User Interaction, Preload Critical CSS and JavaScripts, and Remove Unused CSS and JavaScripts Files.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Flazyload-preload-and-more\u002F\" rel=\"ugc\">Lazyload, Preload, and more!\u003C\u002Fa>\u003C\u002Fstrong> – A simplified version of this plugin. The plugin size is only around 14kb zipped. Without UI for settings, but you can customize the settings using filters.\u003Cbr \u002F>\nThe default configuration is the best for optimizing images and other media files to speed up your site (just install and activate it and you’re good to go):\u003C\u002Fp>\n\u003Cul>\n\u003Cli>lazyload your below the fold images\u002Fiframes\u002Fvideos,\u003C\u002Fli>\n\u003Cli>preload your featured images,\u003C\u002Fli>\n\u003Cli>and add loading=”eager” to your featured image and all images that have \u003Ccode>no-lazy\u003C\u002Fcode> or \u003Ccode>skip-lazy\u003C\u002Fcode> class.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Other USEFUL PLUGIN:\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\n\u003Cp>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fshop-extra\u002F\" rel=\"ugc\">Shop Extra\u003C\u002Fa>\u003C\u002Fstrong> – A lightweight plugin to optimize your WooCommerce & Business site: Floating WhatsApp Chat Widget (can be use without WooCommerce), WhatsApp Order Button for WooCommrece, Hide\u002FDisable WooCommerce Elements, WooCommerce Strings Translations, and many more.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fanimate-on-scroll\u002F\" rel=\"ugc\">Animate on Scroll\u003C\u002Fa>\u003C\u002Fstrong> – Animate any Elements on scroll using the popular AOS JS library simply by adding class names. This plugin helps you integrate easily with AOS JS library to add any AOS animations to WordPress. Simply add the desired AOS animation to your element class name with “aos-” prefix and the plugin will add the corresponding aos attribute to the element tag.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003C\u002Ful>\n","A lightweight yet powerful image, iframe, and video optimization plugin. Lazy load, preload, and more. No jquery dependency.",80,8904,4,"2023-05-21T15:24:00.000Z","6.2.9",[52,71,72,74,88],"performance","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Foptimize-more-images.1.1.3.zip",63,"2026-02-03 00:00:00",{"slug":93,"name":94,"version":95,"author":5,"author_profile":6,"description":96,"short_description":97,"active_installs":10,"downloaded":98,"rating":47,"num_ratings":99,"last_updated":100,"tested_up_to":50,"requires_at_least":25,"requires_php":26,"tags":101,"homepage":33,"download_link":107,"security_score":58,"vuln_count":36,"unpatched_count":36,"last_vuln_date":37,"fetched_at":38},"shop-extra","ShopExtra — WooCommerce Extras","1.0.9","\u003Cp>\u003Cstrong>A lightweight plugin to enhance your WooCommerce & Business site\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Ch3>Features\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\n\u003Cp>\u003Cstrong>Floating WhatsApp Chat Widget\u003C\u002Fstrong> – with:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Multiple numbers, no limitaton\u003C\u002Fli>\n\u003Cli>Availability time\u003C\u002Fli>\n\u003Cli>customizable settings\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>WhatsApp Order Button\u003C\u002Fstrong> – WhatsApp order button for WooCommerce products (multiple numbers, no limitaton). You can choose to enable it:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>on Single Product Page\u003C\u002Fli>\n\u003Cli>on Shop Loop (Shop & Product Category page, product shortcode, related products)\u003C\u002Fli>\n\u003Cli>on Cart Page\u003C\u002Fli>\n\u003Cli>on Checkout Page\u003C\u002Fli>\n\u003Cli>and customize the settings\u003Cbr \u002F>\n \u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Extra Utility Features\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Add Extra Product Tabs\u003C\u002Fstrong> – Enable extra custom tab(s) for each Products; you can add extra tabs as many as you like. The extra tabs can be exported using the default WooCommerce export, so you can migrate your store easily.\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Datepicker\u003C\u002Fstrong> (using \u003Ca href=\"https:\u002F\u002Fflatpickr.js.org\u002F\" rel=\"nofollow ugc\">flatpickr js\u003C\u002Fa> library) –\u003Cbr \u002F>\ncombine this feature with \u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Forder-approval-woocommerce\u002F\" rel=\"ugc\">Order Approval for WooCommerce\u003C\u002Fa> so you can easily turn your WooCommerce to have order date \u002F booking functionality. Or, combine this with Custom (Radio Button) Options on Checkout Page, so you can easily turn your WooCommerce to have Order Date and Pickup Functionality. Features:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Option to display the Datepicker in the Product Page or Checkout Page\u003C\u002Fli>\n\u003Cli>Option to display the Datepicker in Single or Range mode (\u003Cem>can be override individually in the product editor *only works if you display the Datepicker in the product page\u003C\u002Fem>)\u003C\u002Fli>\n\u003Cli>Option to set minimum and maximum Availability Date\u003C\u002Fli>\n\u003Cli>Option to disable day(s) and specific date(s)\u003C\u002Fli>\n\u003Cli>Option to enable Time in the Datepicker\u003C\u002Fli>\n\u003Cli>Option to enable Time in the Datepicker\u003C\u002Fli>\n\u003Cli>Option to set minimum and maximum Availability Time\u003C\u002Fli>\n\u003Cli>Saved the chosen date (will appear in order details and emails)\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Custom (Radio Button) Options\u003C\u002Fstrong> – Add custom options to WooCommerce Checkout Page. Combine this with the Date picker features, so you can easily turn your WooCommerce to have Order Date and Pickup Functionality. Features:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Add multiple options (no limitation)\u003C\u002Fli>\n\u003Cli>Add option description using TinyMCE editor \u003Cem>(you can leave this blank if you only need the option title)\u003C\u002Fem>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Add Edit Order features to Checkout\u003C\u002Fstrong> – Add Cart page functionality to Checkout page. Enable users to edit quantity or remove items on Checkout page.\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>You can use this filter if you want the quantity input to appear like Quantity Plus Minus Button:\u003Cbr \u002F>\n  “`\u003Cbr \u002F>\n  add_filter(‘shop_extra_checkout_plus_minus_quantity_button’, ‘__return_true’);\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Blocks for Product Editor\u003C\u002Fstrong> – Enable Gutenberg Editor for Products; build your product pages using your favorite blocks.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Add After Price Text to Products\u003C\u002Fstrong> – useful if you want to add information like price units.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Limit Order Quantity\u003C\u002Fstrong> – Enable limit order quantity (min\u002Fmax) individually.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>WooCommerce Elements Customization\u003C\u002Fstrong> – Hide or disable:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Single Product Elements:\u003C\u002Fli>\n\u003Cli>Hide Product Price\u003C\u002Fli>\n\u003Cli>Hide Quantity Option\u003C\u002Fli>\n\u003Cli>Hide Add to Cart button\u003C\u002Fli>\n\u003Cli>Hide Category Label\u003C\u002Fli>\n\u003Cli>Hide Description Heading\u003C\u002Fli>\n\u003Cli>Loops Elements:\u003C\u002Fli>\n\u003Cli>Hide Product Price\u003C\u002Fli>\n\u003Cli>Hide Add to Cart button\u003C\u002Fli>\n\u003Cli>Disable Links to Product Pages\u003C\u002Fli>\n\u003Cli>Checkout Page Elements :\u003C\u002Fli>\n\u003Cli>Hide Last Name Fields\u003C\u002Fli>\n\u003Cli>Hide Ship to Different Address\u003C\u002Fli>\n\u003Cli>Unset Billing Company Field\u003C\u002Fli>\n\u003Cli>Unset Billing Address 1 Field\u003C\u002Fli>\n\u003Cli>Unset Billing Address 2 Field\u003C\u002Fli>\n\u003Cli>Unset Billing City Field\u003C\u002Fli>\n\u003Cli>Unset Billing Postcode Field\u003C\u002Fli>\n\u003Cli>Unset Billing Country Field\u003C\u002Fli>\n\u003Cli>Unset Billing State Field\u003C\u002Fli>\n\u003Cli>and more to come\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>WooCommerce Strings Translations\u003C\u002Fstrong> – Translate common WooCommerce strings like:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Add to cart\u003C\u002Fli>\n\u003Cli>Select options\u003C\u002Fli>\n\u003Cli>View Cart\u003C\u002Fli>\n\u003Cli>Checkout\u003C\u002Fli>\n\u003Cli>…. has ben added to cart\u003C\u002Fli>\n\u003Cli>Proceed to Checkout\u003C\u002Fli>\n\u003Cli>Cart Updated.\u003C\u002Fli>\n\u003Cli>Description (Tab)\u003C\u002Fli>\n\u003Cli>Review (Tab)\u003Cbr \u002F>\n  \u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>…and more to come!\u003C\u002Fp>\n\u003Ch3>Note\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\u003Cstrong>Floating WhatsApp Chat Widget\u003C\u002Fstrong> can be use without WooCommerce.\u003C\u002Fli>\n\u003Cli>If you don’t have WooCommerce plugin activated, the only setting that will appear is the \u003Cstrong>Floating WhatsApp Chat Widget\u003C\u002Fstrong> setting.\u003C\u002Fli>\n\u003Cli>By default, the look of \u003Cstrong>WhatsApp Order Buttons\u003C\u002Fstrong> should match the look of your WooCommerce buttons as they use the default WooCommerce button class.\u003C\u002Fli>\n\u003Cli>Therefore, there are no settings to customize the style of \u003Cstrong>WhatsApp Order Buttons\u003C\u002Fstrong> as there are no specific style for the buttons (I only add some inline styles to style the parent container). Feel free to customize the style using your own CSS if you need different appearance for the buttons.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Disclaimer\u003C\u002Fh3>\n\u003Cp>This plugin only adds 1 extra row to your database. And it will self delete upon uninstalation.\u003C\u002Fp>\n\u003Ch3>Found any issues?\u003C\u002Fh3>\n\u003Cp>Please use this \u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fsupport\u002Fplugin\u002Fshop-extra\u002F\" rel=\"ugc\">support forum\u003C\u002Fa> to report it.\u003C\u002Fp>\n\u003Ch3>Check out my other plugins:\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Foptimize-more\u002F\" rel=\"ugc\">Optimize More!\u003C\u002Fa>\u003C\u002Fstrong> –  A DIY WordPress Page Speed Optimization Pack.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Foptimize-more-images\u002F\" rel=\"ugc\">Optimize More! Images\u003C\u002Fa>\u003C\u002Fstrong> – A simple yet powerfull image, iframe, and video optimization plugin.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Flazyload-preload-and-more\u002F\" rel=\"ugc\">Lazyload, Preload, and more!\u003C\u002Fa>\u003C\u002Fstrong> – This tiny little plugin (around 14kb zipped) is a simplified version of \u003Cstrong>Optimize More! Images\u003C\u002Fstrong>. Able to do what \u003Cstrong>Optimize More! Images\u003C\u002Fstrong> can do but without UI for settings (you can customize the default settings using filters).\u003C\u002Fli>\n\u003Cli>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fimage-video-lightbox\u002F\" rel=\"ugc\">Image & Video Lightbox\u003C\u002Fa>\u003C\u002Fstrong> – A lightweight plugin that will automatically adds Lightbox functionality to images.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fanimate-on-scroll\u002F\" rel=\"ugc\">Animate on Scroll\u003C\u002Fa>\u003C\u002Fstrong> – Animate any Elements on scroll using the popular AOS JS library simply by adding class names.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fseo-that-matters\u002F\" rel=\"ugc\">SEO that Matters\u003C\u002Fa>\u003C\u002Fstrong> – A lightweight plugin to make your site more SEO (and Social Media) Friendly in a non-intrusive way.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp> \u003C\u002Fp>\n","A lightweight plugin to enhance your WooCommerce & Business site. Floating WhatsApp Chat Widget , WhatsApp Order Button for WooCommerce, Hide\u002FDisa …",1691,2,"2024-01-08T04:05:00.000Z",[102,103,104,105,106],"click-to-chat","whatsapp","whatsapp-chat","woocommerce","woocommerce-whatsapp","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fshop-extra.1.0.9.zip",{"slug":109,"name":110,"version":111,"author":5,"author_profile":6,"description":112,"short_description":113,"active_installs":114,"downloaded":115,"rating":36,"num_ratings":36,"last_updated":116,"tested_up_to":86,"requires_at_least":25,"requires_php":26,"tags":117,"homepage":33,"download_link":123,"security_score":58,"vuln_count":36,"unpatched_count":36,"last_vuln_date":37,"fetched_at":38},"image-video-lightbox","Image & Video Lightbox","1.0.0","\u003Cp>Automatically adds Lightbox functionality to images displayed by WordPress (Gutenberg) Gallery and Image Blocks, as well as GenerateBlocks Image Blocks, and also videos created by the core Video Block, using the FSlightbox library.\u003C\u002Fp>\n\u003Cp>This lightweight plugin will automatically adds Lightbox functionality to all images displayed by\u003C\u002Fp>\n\u003Cul>\n\u003Cli>the Core Gallery Block,\u003C\u002Fli>\n\u003Cli>the Core Image Block,\u003C\u002Fli>\n\u003Cli>GenerateBlocks Image Block,\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>and videos displayed by\u003C\u002Fp>\n\u003Cul>\n\u003Cli>the core Video Block\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>without the needs to set each gallery\u002Fimage and video link to the media file so you don’t need to set them manually one by one.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Note\u003C\u002Fstrong>: You can exclude specific image\u002Fvideo from getting the lightbox functionality by adding \u003Ccode>no-lightbox\u003C\u002Fcode> class to the image\u002Fvideo element.\u003C\u002Fp>\n\u003Ch3>About The Plugin\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\n\u003Cp>This plugin has no settings \u003Cem>(you can customized the default configuration using filters)\u003C\u002Fem>, hence does not add any data to the database, so you don’t need to worry about ‘database leftovers’ if you deactivate the plugin.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>This plugin will automatically add the wrapper link with the necessary attribute on each image and videos that uses the blocks mentioned above to add the lightbox functionality using a few lines of inline script. So it will not make any changes to your original image and video tags (if you check from the page’s HTML source), and will not add extra weight \u002F DOM depth to your page’s HTML.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>By default, this plugin only works with the native WordPress Gallery, Image, and Video Blocks, as well as GenerateBlocks Image Blocks. You can add additional selectors using filters to make this functionality also works with other image\u002Fvideo blocks. If you need to, send me a request to have your image\u002Fvideo block included by default.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>This plugin will only enqueued its assets (1 JS file) to pages\u002Fposts that use blocks, and will not enqueue assets if the page\u002Fpost doesn’t use one of them.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>I provided simple hover CSS which are not enabled by default. You can enable it using filter (\u003Cem>see below\u003C\u002Fem>).\u003C\u002Fp>\n\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>To add other image\u002Fvideo block:\u003C\u002Fh3>\n\u003Cp>\u003Cstrong>Add the CSS class uses by the image\u002Fvideo block element\u003C\u002Fstrong>, e.g:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>add_filter( 'use_lightbox_in', function($use_lightbox_in) {\n    return $use_lightbox_in . ',.your-other-plugin-block-image-parent-element img, .your-other-plugin-image-class';\n} );\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>\u003Cstrong>Add the block info\u002Fname so that this plugin will enqueued the FSlightbox JavaScripts if the block is use in a post\u002Fpage\u003C\u002Fstrong>, e.g:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>add_filter( 'use_lightbox_if', function($use_lightbox_if) {\n    return $use_lightbox_if . '|| has_block( \"kadence\u002Fadvancedgallery\" ) || has_block( \"your-plugin-block-name\u002Fthe-block-name\" )';\n} );\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>To only enable Lightbox Functionality on certain page\u002Fpost types:\u003C\u002Fh3>\n\u003Cp>Simply use the \u003Ccode>wp_dequeue\u003C\u002Fcode> function**, e.g.:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>add_action( 'wp_enqueue_scripts', function() {\n    if ( ! is_singular('post') ) { \u002F\u002F only enable in single post type\n        wp_dequeue_script( 'image-video-lightbox' );\n    }\n});\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>To only enable simple hover CSS:\u003C\u002Fh3>\n\u003Cpre>\u003Ccode>add_filter('use_lightbox_css', function () {\n   return true;\n});\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>Why using FSlightbox?\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fbanthagroup\u002Ffslightbox\" rel=\"nofollow ugc\">FSlightbox\u003C\u002Fa>\u003C\u002Fstrong> is Vanilla Javascript Lightbox Library written in pure JavaScript without jQuery or any other additional dependencies.  It’s lightweight (around \u003Cstrong>9kb\u003C\u002Fstrong> *gzip)!\u003Cbr \u002F>\n \u003C\u002Fli>\n\u003Cli>The JavaScript is delayable (\u003Cem>*yes, it’s important for me\u003C\u002Fem>). This is the only lightbox library I found that works when the JavaScript is delayed.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp> \u003C\u002Fp>\n\u003Ch3>My other Plugins:\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\n\u003Cp>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Foptimize-more\u002F\" rel=\"ugc\">Optimize More!\u003C\u002Fa>\u003C\u002Fstrong> –  A DIY WordPress Page Speed Optimization Pack. Features:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Load CSS Asynchronously\u003C\u002Fstrong> – selectively load CSS file(s) asynchronously on selected post\u002Fpage types.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Delay CSS and JS until User Interaction\u003C\u002Fstrong> – selectively delay CSS\u002FJS load until user interaction on selected post\u002Fpage types.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Preload Critical CSS, JS, and Font Files\u003C\u002Fstrong> – selectively preload critical CSS\u002FJS\u002FFont file(s) on selected post\u002Fpage types.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Remove Unused CSS and JS Files\u003C\u002Fstrong> – selectively remove unused CSS\u002FJS file(s) on selected post\u002Fpage types.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Load Gutenberg CSS conditionally\u003C\u002Fstrong> – Load each CSS of the core blocks will only get enqueued when the block gets rendered on a page.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Advance Defer JS\u003C\u002Fstrong> – hold JavaScripts load until everything else has been loaded. Adapted from the legendary \u003Cstrong>varvy’s defer js\u003C\u002Fstrong> method \u003Cem>*recommended for defer loading 3rd party scripts like ads, pixels, and trackers\u003C\u002Fem>\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Defer JS\u003C\u002Fstrong> – selectively defer loading JavaScript file(s) on selected post\u002Fpage types.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Remove Passive Listener Warnings\u003C\u002Fstrong> – Remove the “Does not use passive listeners to improve scrolling performance” warning on Google PageSpeed Insights\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Flazyload-preload-and-more\u002F\" rel=\"ugc\">Lazyload, Preload, and more!\u003C\u002Fa>\u003C\u002Fstrong> – This tiny little plugin (around \u003Cstrong>14kb\u003C\u002Fstrong> zipped) will automatically:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>lazyload\u003C\u002Fstrong> your below the fold images\u002Fiframes\u002Fvideos,\u003C\u002Fli>\n\u003Cli>\u003Cstrong>preload\u003C\u002Fstrong> your featured images,\u003C\u002Fli>\n\u003Cli>and \u003Cstrong>add \u003Ccode>loading=\"eager\"\u003C\u002Fcode>\u003C\u002Fstrong> to your featured image and all images that have \u003Ccode>no-lazy\u003C\u002Fcode> or \u003Ccode>skip-lazy\u003C\u002Fcode> class.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fshop-extra\u002F\" rel=\"ugc\">Shop Extra\u003C\u002Fa>\u003C\u002Fstrong> – A lightweight plugin to optimize your WooCommerce & Business site:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Floating WhatsApp Chat Widget\u003C\u002Fstrong> (can be use without WooCommerce),\u003C\u002Fli>\n\u003Cli>\u003Cstrong>WhatsApp Order Button for WooCommrece\u003C\u002Fstrong>,\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Hide\u002FDisable WooCommerce Elements\u003C\u002Fstrong>,\u003C\u002Fli>\n\u003Cli>\u003Cstrong>WooCommerce Strings Translations\u003C\u002Fstrong>,\u003C\u002Fli>\n\u003Cli>and many more.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fanimate-on-scroll\u002F\" rel=\"ugc\">Animate on Scroll\u003C\u002Fa>\u003C\u002Fstrong> – Animate any Elements on scroll using the popular AOS JS library simply by adding class names. This plugin helps you integrate easily with AOS JS library to add any AOS animations to WordPress. Simply add the desired AOS animation to your element class name with “aos-” prefix and the plugin will add the corresponding aos attribute to the element tag.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp> \u003C\u002Fp>\n","Automatically adds Lightbox functionality to images and videos without the need to set the link to media file manually one by one.",10,2505,"2023-06-13T04:24:00.000Z",[118,119,120,121,122],"blocks","gallery","image","lightbox","video","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fimage-video-lightbox.1.0.0.zip"]