JCH Optimize

Description

JCH Optimize improves the performance of your website by performing several optimizations to the HTML page aimed at improving the Web Vitals measured by PageSpeed Insights, such as First Contentful Paint (FCP), Largest Contentful Paint (LCP), Speed Index (SI), Cumulative Layout Shift (CLS), Time to Interactive (TTI), and Total Blocking Time (TBT). These metrics attempt to quantify the quality of the user experience. JCH Optimize can improve these metrics to provide a better experience for your users and improve your PageSpeed scores.

Optimizations Performed By JCH Optimize

JCH Optimize optimizes your pages by automatically performing some recommended strategies offered by PageSpeed, which include:

  • Minify CSS and JavaScript files and the HTML. Unnecessary whitespaces and other characters are removed to reduce network payload sizes and script parse times.
  • Eliminate Render-Blocking Resources. Inline critical JavaScript and CSS and defer all non-critical resources to prevent resources from blocking the first paint of your page.
  • Defer offscreen images. Offscreen and hidden images are lazy-loaded after all critical resources have finished loading to lower Time To Interactive (TTI).
  • Add Width and Height attributes to images. Set an explicit width and height on image elements to reduce layout shifts and improve CLS.
  • Enable text compression. Boilerplate codes are placed in the .htaccess files at the site’s directory root to instruct the server to serve text-based resources with compression (deflate or brotli) to minimize total network bytes.
  • Preload critical resources. Automatically analyzes each page to identify critical resources to load with a high priority by HTTP/2 enabled servers to improve LCP time.
  • Reduce initial server response. A page cache feature is included in the plugin that integrates well with the other optimization features and significantly reduces time-to-first-byte.

Benefits of Using JCH Optimize

Research has confirmed that 40% of visitors will leave a website if it takes more than 4 seconds to download. Also, Google and other search engines have indicated that their ranking algorithm increasingly factors website download speed. The benefits of using JCH Optimize then include:

  • Improved user experience. Your users will have a pleasant experience as they browse your site.
  • Improved SEO. Your rankings in Google search pages can increase and improve organic visibility in internet searches.
  • Improved conversions. Your website revenue also increases with increased traffic volume and visitor retention.

Pro Version available

There is a pro version available with more optimization features and options and premium support with assistance to configure plugin to resolve conflicts and improve performance on our website.

How to use

To use, first temporarily deactivate all page caching features and plugins, then use the ‘Automatic Settings’ (Minimum – Optimum) to configure the plugin. The ‘Automatic Settings’ are concerned with the combining of the CSS and javascript files, and the management of the combined files, and automatically sets the options in the ‘Automatic Settings Groups’. Use the Exclude options to exclude files or plugins that don’t work so well when combined with JCH Optimize. You can then try the other optimization features in turn such as Sprite Generator, Add Image Attributes, Lazy Load Images, CDN/Cookieless Domain, Optimize CSS Delivery, etc., based on the optimization needs of your site. Flush all your cache before re-enabling caching features and plugins.

Documentation

Visit our documentation on the main plugin site for more information on how the plugin works and how to configure it to improve your scores on GtMetrix and PageSpeed Insights

Advanced Features and Premium Support

If you need assistance on your website in configuring the plugin to resolve any conflicts or if you need access to more advanced features such as Http/2 support, Remove unused CSS, Lazy-load iframes, Optimize Images, using multiple domains with CDN, then there’s a Pro version available on a subscription basis. With an active subscription you get premium technical support through our ticket system, access to downloads of new versions, and access to our Optimize Image API.

Installation

Just install from your WordPress “Plugins|Add New” screen. Manual installation is as follows:

  1. Upload the zip-file and unzip it in the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Go to Settings -> JCH Optimize and enable the options you want
  4. Use the Automatic Settings (Minimum – Optimum) to configure the plugin. This automatically sets the options in the ‘Automatic Settings Groups’. You can then try the other manual options to further configure the plugin and optimize your site. Use the Exclude options to exclude files/plugins/images that don’t work so well with the plugin.

FAQ

How does the plugin speed up your site?

The plugin modifies the generated HTML of your website in ways that makes it faster to download and parsed by the browser. Simply put, the changes makes the webpage and resources smaller, and reduces the number of http requests the browser has to make to render the page. The result is a better user experience and higher search engine rankings.

How do I know if it’s working?

After installing and activating the plugin, combining CSS and javascript files are selected by default so it should start working right away. If you look at your web page and it doesn’t look any different that’s a good sign…maybe. To confirm if it’s working, take a look at the HTML page source. You can do that in most browsers by right clicking on the page and selecting that option. You should see the links to your CSS/Js files removed and replaced by the aggregated file URL in the source that looks like this:
/wp-content/plugins/jch-optimize/assets/wp-content/plugins/gz/63fccd8dc82e3f5da947573d8ded3bd4.css

There’s no CSS Formatting after enabling the plugin

The combined files are accessed by the browser via a jscss.php file in the /wp-content/plugins/jch-optimize/assets/ directory. If you’re not seeing any formatting on your page it means that the browser is not accessing this file for some reason. View the source of your page and try to access the JCH generated url to the combined file in your browser. You should see an error message that can guide you in fixing the problem. Generally it’s a file permission issue so ensure the file at ‘/wp-content/plugins/jch-optimize/assets/jscss.php` has the same permission setting as your /index.php file (usually 644) and make sure all the folders in this hierarchy have the same permissions as your htdocs or public_html folder(Usually 644).

How do I reverse the change JCH Optimize makes to my website?

Simply deactivate or uninstall the plugin to reverse any changes it has made. The plugin doesn’t modify any existing file or code but merely manipulates the HTML before it is sent to the browser. Any apparent persistent change after the plugin is deactivated is due to caching so ensure to flush all your WordPress, third party or browser cache.

Reviews

May 4, 2022
I was used to speed up websites in Joomla using this plugin. Also improving on Google Page speed test the performance from poor 20 to over 90 points when using bad templates. I've tested some other solutions in WP and none is good and "all in one" like JCH. Please keep on support and developing one of the best and useful tool for the regular everyday normal fuxxwebsites!
March 8, 2022
I did not expect this performance i just wonder how good is this plugin best free optimazation plugin i put this plugin beside wp rocket Thank you
September 27, 2021
I bought the lifetime pro version. I don't think I'll use another cache plugin because most made my sight crash. This one does not. And it's fast.
January 9, 2021
From all best reviewed optimizer, this fits best for my multisite. To highlight is great support - at least in Pro version!
December 19, 2020
Absolutely awesome sped up the site drastically, well worth the effort! I use Beaver Builder for all sites This plugin took my slow site to faster than a Wp Rocket site that I also have. I could not be happier. I will be looking at getting a developer license for it as I can clearly see this solving all me site speed issues!
Read all 68 reviews

Contributors & Developers

“JCH Optimize” is open source software. The following people have contributed to this plugin.

Contributors

Translate “JCH Optimize” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

4.2.0

  • Add responsive image feature to further boost LCP
  • Add support for resizing WEBP images to create responsive images
  • Bug Fix: Backup images were only saved when WEBP images were generated
  • Bug Fix: Fix fatal error on servers without mbstring support

4.1.1

  • Removed support for deprecated Wincache storage.
  • Improved caching to reduce server resource usage.
  • Bug Fix: Couldn’t exclude JavaScript with async attributes.

4.1.0

  • Minimum PHP version is now 8.0
  • Add feature to preload LCP images with high-fetch priority
  • Add setting to easily find the Elements above fold value. Only works if Debug plugin is enabled.
  • Improved Optimize image script
  • Replaced CDN setting preconnect CDNs and HTTP.2 setting push CDN files with Preconnect section for third-party origins

4.0.1

  • Bug Fix: Recache didn’t work on some servers.
  • Bug Fix: Full compatibility with Windows broken.
  • Fix security vulnerability with broken access control to settings
  • Fix security vulnerability with the Optimize Image metafile
  • Add setting to ignore query parameter on page cache

4.0.0

  • Minimum PHP version updated to PHP 7.4
  • Added Recache feature. [Pro version only]
  • Added icon on Dashboard to load WEBP images. [Pro version only]
  • Added Bul Settings Operations feature to export, reset, and import settings.
  • Modified the JavaScript exclude settings to make them more user-friendly.
  • Rearranged some settings on the Configurations tab to make them more intuitive.
  • Other minor bug fixes and improvements.

3.2.3

  • Bug Fix: Cross Site Scripting security vulnerability on the Configuration tab.
  • Bug Fix: Conflict with XML sitemaps when using the Optimize Fonts feature.
  • Other minor bug fixes and improvements.

3.2.2

  • Bug Fix: PHP Error when Clean Cache is accessed from the admin menu on some sites
  • Bug Fix: PHP Error with function utf8_strlen on some sites.
  • Other minor bug fixes and improvements.

3.2.1

  • Added setting to optionally disable deletion of expired cache.
  • Added settings for excluding critical modules in Reduce Unused JavaScript. [Pro version only]
  • Bug fix: Some external domains were not being preconnected when Optimize Fonts is enabled. [Pro version only]
  • Bug fix: Imported Google fonts were not being handled properly. [Pro version only]
  • Bug fix: Reduce Unused JavaScript wasn’t working properly on some sites. [Pro version only]

3.2.0

  • Improve method to generate cache key for Optimize CSS Delivery feature to prevent excess generating of cache.
  • Bug fix: CDN feature broke processing same images used multiple times in scrset.
  • Improve cache management to reduce cache build up on some sites.
  • Bug fix: Fix issue with .htaccess codes causing 500 errors on older versions of Apache.
  • The Http/2 tab on the Configurations tab was changed to Preload and the Optimize Fonts feature moved to this tab.
  • Bug fix: Fixed bug with lazy loading audio/video set o autoplay. [Pro version only]
  • The Optimize Google Fonts feature was expanded to optimize all fonts. [Pro version only]
  • Modules are now being loaded dynamically in the Reduce Unused Javascript feature. [Pro version only]
  • Added setting to preload modules in the Http/2 Preload feature. [Pro version only]
  • Added setting o lazy-load background images defined int eh CSS files to the Lazy-load feature. [Pro version only]
  • Added setting to change existing font-display policy to swap in the HTTP/2 preload feature. [Pro version only]
  • Bug fix: Images in elements were not converted to WEBP. [Pro version only]

3.1.0

  • Minimum required PHP version is now 7.3
  • Added support for Brotli compression in .htaccess optimization.
  • Added new tab in admin for Page Cache so individual files can be viewed and deleted.
  • Added support for different cache storage types (APCu, Memcached, Redis, WinCache) [Pro version]
  • New page cache feature to serve static content via HTTP Request without calling PHP to significantly improve server load time. [Pro Version]
  • Added ‘Remove Unused Javascript’ feature [Pro Version]

3.0.1

  • Bug Fix: Fix PHP error when using Page Cache on some sites

3.0.0

  • Complete redo of Admin Configuration page to be more user-friendly and aesthetic.
  • Added Remove javascript/Remove CSS setting.
  • Added Utility feature to generate new cache hash.
  • Added Smart Combine feature. [Pro version only]
  • Added Reduce DOM feature. [Pro version only]
  • Using icon images instead of font icons on action buttons on dashboard.

2.10.0

  • New Feature: Added admin menu item to delete cache.
  • Improvement: When Lazyload image is enabled, hidden images are also only loaded when they become visible.
  • Improvement: Added support for older browsers that don’t use WEBP images.
  • Improvement: Recursing into subfolders while using the Manual Optimize Image section is now optional.
  • Improvement: Urls in srcsets are now being processed when using Automatic Optimize Image option and are also now being converted to WEBP images where necessary.
  • Other minor bug fixes and improvements.

2.9.0

  • New Feature: Support for webp images in teh Optimize Image Feature. [Pro version]
  • New Feature: Utility options to restore optimized images and to delete folder with backup images.
  • Improvements: Improved implementation of http/2.
  • Improvements: Improved implementation of Optimize CSS Delivery to determine HTML above the fold particularly with large number of menu items
  • Other minor bug fixes and improvements.

2.8.0

  • New Feature: Basic settings for Http2 feature now available in Free version.
  • New Feature: Optimize Google Fonts feature to speed up the loading of Google Fonts. [Pro version]
  • New Feature: Ability to add files to the Http2 Push if critical files are being loaded dynamically so cannot normally be accessed by the plugin. [Pro Version]
  • New Feature: Added preconnect resource hints settings for CDN domains.
  • Improvements: Improved method to generate key hash for Optimize CSS Delivery to avoid incorrect critical CSS being loaded on page, so improving Cumulative layout shift across pages.
  • Other minor bug fixes and improvements.

2.7.0

  • Improvements: Dynamic CSS Selectors will add CSS to critical CSS even if Remove Unused CSS is disabled.
  • Improvements: In the Http/2 push feature, the plugin will now only push woff files or woff2 files instead if present. This avoids pushing font files that are not being used.
  • New Feature: Added settings to Lazy-load background images and Audio and Video elements. [Pro Version]
  • New Feature: Added settings to add files loaded over CDN to the Link header, and to exclude files in the Http/2 Push feature. [Pro Version]
  • New Feature: Added platform specific caching. [Pro Version]
  • Other minor bug fixes and improvements.

2.6.2

  • Bug fix. Error in combined CSS files caused by media type in file being different to type in media attribute on the LINK tag.
  • Bug Fix: Lazyloading images with srcset attributes broke W3C HTML validation.
  • Big Fix: PHP Notice in profiler.php
  • Improvements: Organized settings in fieldsets on Settings page
  • Improvements: Add Image Attributes will ignore images with both height and width attributes present. If one attribute is present the other will be added based on aspect ratio.
  • Improvements: Page cache lifetime setting and handling separated from combined files.

2.6.1

  • Bug fix: Combined files delivery using PHP files were broken

2.6.0

  • New feature: Option to remove unused CSS. This is added as an additional setting in the Optimize CSS Delivery feature. [PRO VERSION]
  • New feature: Setting to disable plugin for logged in users in Miscellaneous Settings on Combine CSS/JS tab.
  • Improvement: Will now generate different hash for multiple combined files. This will help to reduce build-up of cache.
  • Improvement: All excluded and combined javascript files are placed at bottom of page with Premium/Optimum setting.
  • Improvement: Add Image Attributes feature now ignores img elements with existing width and height attributes. If one attribute is found the other will be added using aspect ratio of image.

2.5.2

  • Bug fix: Add image attributes will use the same type of delimiter for width/height as that used around the url to avoid potential issues
  • Bug Fix: Validate HTML before processing to avoid problems.

2.5.1

  • Bug fix: PHP error in html.php file
  • Bug fix: Occasionally shows blank page while using Page Cache

2.5.0

  • Changes to the settings admin page and availability of features
  • Bux fixes and code improvements

2.4.2

  • Minor bug fixes and improvements
  • Added option to autosize images in Lazyload [PRO VERSION]
  • Load CSS file asynchronously using preload attribute instead of javascript in Optimize CSS Delivery [PRO VERSION]
  • Fixed bug in Optimize Image not working on Safari [PRO VERSION]

2.4.1

  • Improved compatibility with page caching and third party plugins
  • Fixed bug in HTML …