Descargar

Optimize More!

Por Arya Dhiratara

Descripción

A ‘Do It Yourself’ WordPress Page Speed Optimization Pack.

Control your CSS & JS Delivery: Load CSS Asynchronously, Delay CSS & JS until User Interaction, Remove Unused CSS & JS Files, Preload Critical CSS & JS, Defer JavaScripts, and more.

Optimizing web pages is really just about controlling how assets are delivered. This plugin gives you the ability to choose different assets to delay / preload / async load / remove on these post/page types: Homepages, Page Except Homepage, and Single Post (and Shop page, Product Category page, and Single Product pages if you use WooCommerce).

Optimize the delivery of each CSS & JS per each post types. You can choose each CSS & JS individually and what type of execution is required.

This plugin inspired by the mighty Flying Scripts 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. No need to bother looking for the right CSS and JSS handlers enqueued by our plugins.

Features

  • [New! – since 1.1.0] Remove Passive Listener Warnings – Remove the «Does not use passive listeners to improve scrolling performance» warning on Google PageSpeed Insights

  • [New! – since 1.0.9] Advance Defer JS – hold JavaScripts load until everything else has been loaded. Adapted from the legendary varvy’s defer js method *recommended for defer loading 3rd party scripts like ads, pixels, and trackers

  • [New! – since 1.0.9] Defer JS – selectively defer loading JavaScript file(s) on selected post/page types.

  • [New! – since 1.0.7] Load Gutenberg CSS conditionally – This feature will make the combined CSS (wp-block-library) removed and your page will only load the CSS of each block 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.
    Note: the inline «global-styles» will also only load if you use one of the core blocks when you combine this feature with the Remove FSE Global Styles feature.

  • Load CSS Asynchronously – selectively load CSS file(s) asynchronously on selected post/page types.

  • Delay CSS and JS until User Interaction – selectively delay CSS/JS load until user interaction on selected post/page types.

  • Preload Critical CSS, JS, and Font Files – selectively preload critical CSS/JS/Font file(s) on selected post/page types.

  • Remove Unused CSS and JS Files – selectively remove unused CSS/JS file(s) on selected post/page types.

Use case:

  • Have CSS files that are only be used in the below the fold area? Delay them.
  • Have JS files that are not required in initial page rendering? Delay them.
  • Have CSS files that are used in the above the fold area? Preload them.
  • Have JS files such as jQuery that are needed to be load since the beginning? Preload them.
  • Need to remove «Eliminate Render Blocking Resources» warnings on Google Page Speed Insights? Async or preload them.
  • Want to target all of specific plugin assets? Put the plugin keyword or /folder-name/ to the input fields.
  • Want to target only one specific plugin assets? Put the asset file name (eg: style.min.css) to the input fields (include the folder path if your page has multiple assets with the same file name).

I built this plugin to optimize my Clients’ site. And I can get a very good scores even before activating my caching plugin.

A simple tutorial of how to use this plugin: How to use Optmize More Plugin (Indonesian Version: Cara mempercepat loading website dengan plugin Optimize More).

Big thanks to Gijo, without his codes in Flying Scripts, I can never able to build this plugin. Thanks Gijo! 🙂

Optimize your site further. Load faster on GTmetrix, Get better scores on Google Page Speed Insight.

Note: By default, the delay JavaScripts and CSS features are configured to user interaction based. But you can change that using filter. See FAQ.

Disclaimer

This plugin only adds 1 extra row to your database. And it will self delete upon uninstalation.

Optimize More!

Still having trouble to speed up your site and need someone to do that for you? Try my WordPress Speed Optimization Service and get access to the full version of this plugin.

Recommended Plugin

  • Optimize More! Images – A simple yet powerfull image, iframe, and video optimization plugin (Lazy load images / iframes / videos, Preload featured images automatically). Also support lazy loading CSS background images.
  • Lazyload, Preload, and more! – A simplified version of Optimize More! Images. Able to do what Optimize More! Images can do but without UI for settings (you can customize the default settings using filters). Simply install and activate it. The plugin size is only around 14kb zipped.
    • lazyload your below the fold images(img tag and bg images)/iframes/videos,
    • preload your featured images,
    • and add loading=»eager» to your featured image and all images that have no-lazy or skip-lazy class.

My Other Plugin

  • Shop Extra – A lightweight plugin to optimize your WooCommerce & Business site: Floating WhatsApp Chat Widget (can be use without WooCommerce), WhatsApp Order Button for WooCommrece, Hide/Disable WooCommerce Elements, WooCommerce Strings Translations, and many more.

  • Animate on Scroll – 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.

  • Image & Video Lightbox – 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.

Capturas

  • Async Load CSS (Loading CSS files Asynchronously)
  • Delay CSS and JS (Delaying CSS and JS files until User Interactions)
  • Preload CSS, JS, and Fonts (Preloading critical CSS, JS, and Font files)
  • Remove CSS and JS (Remove Unused CSS and JS files)

Instalación

From within WordPress

  1. Visit Plugins > Add New
  2. Search for Optimize More or Arya Dhiratara
  3. Activate Optimize More from your Plugins page
  4. Find Optimize More in your sidebar menu to configure settings

Manually

  1. Download the plugin using the download link in this WordPress plugins repository
  2. Upload optimize-more folder to your /wp-content/plugins/ directory
  3. Activate Optimize More plugin from your Plugins page
  4. Find Optimize More in your sidebar menu to configure settings

FAQ

How to target the CSS/JS file(s)?

Use keywords: this can be the CSS ID, filename, or even the folder name if you want to target all CSS from some specific plugin.

Can I change the delay configuration?

By default, the delay JavaScripts and CSS are configured to user interaction based. But you can change that using filter:

For delay CSS e.g.:
add_filter( 'om_delay_css_time', function($om_delay_css_time) {
return '3*1000';
} );

For delay JavaScripts e.g.:
add_filter( 'om_delay_js_time', function($om_delay_js_time) {
return '3*1000';
} );

or if you want to change it for specific page only:

For delay CSS, e.g.:
add_filter( 'om_delay_css_time', function($om_delay_css_time) {
if (is_front_page()) {
return '3*1000';
}
else {
return $om_delay_css_time;
}
} );

For delay JavaScripts e.g.:
add_filter( 'om_delay_js_time', function($om_delay_js_time) {
if (is_front_page()) {
return '3*1000';
}
else {
return $om_delay_js_time;
}
} );

Reseñas

Very handy and easy to use

2 de septiembre de 2023
Nice plugin ! It ticks (almost) all the boxes in my case working well together with WP-Optimize - there is an easy/logical UI which allows preload/exclude/etc. various assets (js/css/fonts) as needed on various pages as well as extra useful bits (passive listeners, etc.). The combo "WP-Optimize" + "Optimize More!" has replaced a few other (heavier) plugins achieving the same or better PageSpeed results, thanks for providing this tool ! N.B. If it's not already there (I could not find it), it would be nice to have an option to load assets on an individual (relevant) page as opposed to excluding on multiple (non-relevant) pages.

Very impressive Plugin

21 de agosto de 2023
I saw a review saying it worked with WP Fastest Cache because FlyingScripts wasn't working anymore and this plugin is very good, made a combo with Elementor+ WPFastest cache + Optimize More + some onpage optimizations and got 98+ Google page Speed Score with 3 of my websites. As a feedback the Delay JS works very well with the function you show in the panel, to make it better for normal users that don't know how to do that could add the delay time in a simple way to the panel. Keep with the good work this plugin is very impressive.

Fantastic plugin

3 de diciembre de 2022 1 reply
This is fantastic plugin. Though the similar concept is available on 'Flying Scripts" plugin but that plugin is is not compatible with WPFastest Cache (WPFC) plugin. This plugin is very lightweight and also compatible with WPFC. Full marks. Thank you!
Leer todas las 4 reseñas

Colaboradores y desarrolladores

«Optimize More!» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

Traduce «Optimize More!» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

1.1.1

  • Fix undefined variable error in wc product category codes

1.1.0

  • Add Remove Passive Listener Warnings feature – Remove the «Does not use passive listeners to improve scrolling performance» warning on Google PageSpeed Insights

1.0.9

  • Add Advance Defer JS feature – hold JavaScripts load until everything else has been loaded. Adapted from the legendary varvy’s defer js method *recommended for defer loading 3rd party scripts like ads, pixels, and trackers
  • Add Defer JS feature – selectively defer loading JavaScript file(s) on selected post/page types.

1.0.8

  • Fix some minor bugs in the new Load each core blocks CSS conditionally feature.

1.0.7

  • New! Added a new function for the Remove Gutenberg CSS feature (in the extra tab). This new function will make the combined CSS removed and your page will only load the CSS of each block you use on the page (and only if you use one of the core blocks!). So the description now changes to «Load each core blocks CSS conditionally«.
    This will save you from worrying if you still need to use the native Gutenberg core blocks in some of your pages. Just like the previous function, the CSS will not load at all if you don’t use any of the core blocks in your pages.
    If there’s any of the core blocks used, this will also load a small ‘wp-includes/css/dist/block-library/common.css’ file, which contains generic styles like the default colors definitions, basic styles for text alignments, and styles for the .screen-reader-text class.

  • Add extra information to the plugin description about my other plugins.

1.0.6

  • Fix undefined variable warning on PHP 8.2, as reported by Nate (@goseongguy). Thank you!

1.0.5

  • Added extra conditional tags for Custom Pages so it also targets the blog archive, per @sermalefico’s request

1.0.4

  • Compatibility check with WordPress 6.1.1
  • Exclude WooCommerce My Account page from delay js and delay css feature
  • Change plugin banner

1.0.3

  • Bump version to 1.0.3 to push 1.0.2 updates

1.0.2

  • Prevent custom pages targeting from executing anything on WooCommerce Cart, Checkout, and other WooCommerce Endpoint pages

1.0.1

  • Some changes

1.0.0

  • Initial release

Meta

Valoraciones

Ver todas
Accede para enviar una reseña.

Colaboradores

Soporte

Problemas resueltos en los últimos dos meses:

0 de 1

Ver el foro de soporte