Site loading acceleration. Image, video, font, CSS, and JS optimization (WebP, Google PageSpeed)

What this solution does

Website loading speed is a key success factor. Fast page loading improves user experience, increases conversion rates, and helps boost search engine rankings. The "Website Speed Up" module for 1C-Bitrix optimizes technical parameters including images, videos, fonts, CSS, and JavaScript files. It supports the WebP format and aligns with Google PageSpeed recommendations to enhance performance.

The module optimizes technical site parameters to accelerate loading and reduce page weight. Content assembly optimization occurs directly on the visitor's device, ensuring fast rendering on computers, tablets, and smartphones, including performance on slow internet connections and low-power devices.

Improved loading speeds positively impact SEO rankings. Enhancing technical metrics reduces bounce rates and improves behavioral factors, making the site more attractive to search engines.

The solution is designed to boost Google PageSpeed scores. It addresses common issues identified by the tool: render-blocking resources, lack of modern image formats, inefficient image encoding, delayed text rendering during web font loading, and missing preloading of key resources. Additionally, the module improves various other performance metrics.

The module optimizes key performance metrics: LCP, FCP, TBT, and Speed Index, while reducing JavaScript and CSS execution time.

CSS optimization: all styles are merged into a single file, minified, and preloaded. This accelerates the initial page render, reduces the total CSS weight, and lowers the number of network requests.

Image conversion to WebP: the solution automatically converts images to the modern WebP format, significantly reducing file size and speeding up browser processing.

Video optimization for VK, Rutube, and YouTube: instead of immediately loading heavy player scripts and interfaces, data is fetched only when needed. For YouTube and Rutube, loading triggers on a click of the play button; for VK, it occurs when the video enters the user's viewport. The mechanism operates transparently to the visitor.

Font handling: the solution automatically applies the font-display: swap property, preventing page rendering from being blocked while fonts are loading.

The module optimizes Google Fonts loading by saving, compressing, and connecting them locally to improve rendering speed.

The settings allow enabling passive event listeners to enhance performance. Heavy scripts that do not affect the initial page display can be deferred until the page is fully loaded or until the user interacts with it. Examples of such scripts include JivoSite and Bitrix24 widgets, which slow down the site and are not required during initial loading.

Settings also allow configuring preconnect and preloading for resources without editing the site's source code.

The web resource optimization module accelerates page loading for real users, not only in test environments. The tool configures images, videos, fonts, CSS, and JavaScript, supporting the WebP format and Google PageSpeed recommendations. Flexible configuration allows enabling only the necessary optimization types. Source files remain unchanged, ensuring their safety.

A module for site performance optimization that includes image, video, and font compression, along with CSS and JavaScript inlining. Supports the WebP format and is compatible with Google PageSpeed evaluation tools. Operates in multisite, composite, and auto-composite modes. Compatible with PHP versions 7.x and 8.x. Ensures stable operation on both current and older versions of the 1C-Bitrix platform. Functions correctly with popular ready-made templates (Aspro, Sotbit, Digital Web, Intec, Alpha, Nextype, Krait) and on sites with unique designs.

For the “Site loading acceleration. Image, video, font, CSS, and JS optimization (WebP, Google PageSpeed)” module, General iT can perform installation, configuration and a functional check in your project.