Chapter 1. Introduction

Abstract

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 (PSI) such as First Contentful Paint (FCP), First Input Delay (FID), Largest Contentful Paint (LCP), and Cumulative Layout Shift (CLS). These metrics attempts to quantify the quality of user experience. With JCH Optimize, these metrics can be improved to provide a better experience for your users.

About JCH Optimize

Optimizations Performed By JCH Optimize

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

  • Minify CSS and JavaScript files. Unnecessary whitespaces and other characters are removed to reduce network payload sizes and script parse times.

  • Add Width and Height attributes to images. Set an explicit width and height on image elements to reduce layout shifts and improve CLS.

  • Eliminate Render-Blocking Resources. Inline critical JS/CSS and deferring all non-critical resources to prevent resources from blocking the first paint of your page.

  • Reduce unused CSS. Defer CSS not used for above-the-fold content to decrease bytes consumes by network activity.

  • Defer offscreen images. Offscreen and hidden images are lazy-loaded after all critical resources have finished loading to lower Time To Interactive (TTI).

  • Enable text compression. Boilerplate codes are placed in the .htaccess files at the root of the site 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 to improve LCP time.

  • Reduce unused JavaScript. Reduce unused JavaScript by deferring the loading of script until they are requires to decrease bytes consumed by network activity.

  • Efficiently encode images. Optimize images for faster page loads and to consume less cellular data.

  • Serve images in next-gen formats. Will convert images to the WEBP format that provide better compression than PNG or JPEG. This means faster downloads and less data consumption.

  • Properly size images. Resize image to the dimensions shown on screen to save cellular data and improve load time.

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 website download speed will be increasingly factored in their ranking algorithm. The benefits of using JCH Optimize then includes:

  • 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. With increased traffic volume and visitor retention, your website revenue also increases.

Free Version Available

There are two versions of the component, A FREE version that has access to only some features and settings, and a full-featured PRO version. While the free version may not have all the features you may like we still try to have enough to make it useful in optimizing your site. You can upgrade to the PRO version if you'd like to contribute to the continued development of this extension and if you wish to have your site optimized to the fullest extent possible.