Request: WOFF2 version of xstore-icons-light.ttf to remove render-blocking issue

This topic has 9 replies, 2 voices, and was last updated 1 month, 2 weeks ago ago by Jack Richardson

  • Avatar: Andrei Andrei
    Andrei Andrei
    Participant
    March 16, 2026 at 10:37

    Do you have a WOFF2 version of xstore-icons-light.ttf? The TTF file is causing a 3 second render blocking delay on mobile according to PageSpeed Insights

    8 Answers
    Avatar: Andrei Andrei
    Andrei Andrei
    Participant
    March 16, 2026 at 10:52

    Hello, I have a performance issue with xstore-icons-light.ttf. This TTF file is causing a 3 second render blocking delay on mobile according to PageSpeed Insights. The file is located at /wp-content/themes/xstore/fonts/xstore-icons-light.ttf and weighs 31.62 KiB. Do you have a WOFF2 version of this file, or can you advise how to load it without blocking rendering? Thank you

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 16, 2026 at 11:20

    Hello @Andrei Andrei,

    You can the below code to disable these types of icon font that we use in our theme. Add the code to child theme functions.php

    add_filter('etheme_preload_woff_icons', '__return_false')
    add_filter('etheme_preload_woff2_icons', '__return_false')

    Kind regards,
    Jack Richardson
    The 8theme’s team

    Avatar: Andrei Andrei
    Andrei Andrei
    Participant
    March 16, 2026 at 13:57

    Hello,
    We have been optimizing our site (onedee.ro) which uses XStore + Elementor + LiteSpeed Cache. We achieved good scores but hit a wall with two issues we cannot resolve without your help.
    Issue 1: UCSS not working without CSS Combine
    LiteSpeed’s UCSS (Unused CSS removal) requires CSS Combine to be enabled. However, when CSS Combine is ON with XStore + Elementor, it generates 29+ separate CSS files that block rendering for 11 seconds instead of 1. When CSS Combine is OFF, we get one 149 KiB CSS file with 131 KiB unused CSS.
    Question: Is there a way to reduce the main XStore CSS file size without CSS Combine? Which modules can we safely disable to reduce the CSS footprint?
    Issue 2: xstore-icons-light.ttf still loading despite WOFF2 override
    We have WOFF2 version available and applied font-face override via wp_head, but the browser still downloads the TTF file. We used your suggested filters etheme_preload_woff_icons and etheme_preload_woff2_icons set to false, but TTF persists in the network requests.
    Question: How do we completely prevent the TTF from being requested by the browser?
    Thank you.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 16, 2026 at 14:43

    Hello @Andrei Andrei,

    We apologize for the confusion. Previously, we provided you with the code to disable the preloading of the WOFF and WOFF2 “xstore-icons” fonts. However, your request concerns disabling a specific TTF file from the same font.

    You may try using the following custom snippet by adding it to your “child-theme/functions.php” file:

    add_action( 'wp_enqueue_scripts', function() {
    		wp_deregister_style('xstore-icons-font');
    		wp_register_style('xstore-icons-font', false);
    		wp_enqueue_style( 'xstore-icons-font' );
    		$icons_type = ( etheme_get_option('bold_icons', 0) ) ? 'bold' : 'light';
    
            wp_add_inline_style( 'xstore-icons-font',
                "@font-face {
    		  font-family: 'xstore-icons';
    		  src:
    		    url('" . get_template_directory_uri() . "/fonts/xstore-icons-" . $icons_type . ".woff2') format('woff2'),
    		    url('" . get_template_directory_uri() . "/fonts/xstore-icons-" . $icons_type . ".woff') format('woff'),
    		    url('" . get_template_directory_uri() . "/fonts/xstore-icons-" . $icons_type . ".svg#xstore-icons') format('svg');
    		  font-weight: normal;
    		  font-style: normal;
    		  font-display: swap;
    		}"
            );
    }, 9999);

    We kindly recommend submitting separate questions for different issues. However, you can also try the following snippet in your “child-theme/functions.php” file:

    add_filter( 'etheme_elementor_force_load_global_assets', function( $value, $in_preview ) {
        return $in_preview;
    }, 10, 2 );

    After applying the snippet, please clear your cache to ensure the changes take effect.

    If you still require our assistance, please submit a separate topic with all the details of your request to avoid mixing multiple questions in one thread.

    Best regards,
    Jack Richardson
    The 8Theme’s Team

    Avatar: Andrei Andrei
    Andrei Andrei
    Participant
    March 19, 2026 at 13:05

    Hello,

    Thank you for the response. The TTF file no longer appears in the network waterfall – the fix is working correctly with the wp_deregister_style approach.

    I have also added the etheme_elementor_force_load_global_assets snippet and cleared the cache.

    One remaining issue: the main CSS file (149 KiB, 131 KiB unused) is still render-blocking on mobile. This is the combined XStore + Elementor stylesheet. Is there a way to reduce the size of this file, or specific XStore modules we can safely disable to reduce the CSS footprint without breaking functionality?

    Thank you.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 19, 2026 at 15:28

    Hello @Andrei Andrei,

    Please note that website performance optimization is a complex process that involves multiple aspects of your site, including plugin configuration, image optimization, caching, server performance, and more.

    Regarding the correct configuration of CSS in your cache plugin, it is necessary to analyze the content and structure of your pages. Please note that this type of analysis falls outside the scope of our basic support, which is provided in accordance with Envato’s privacy policy.

    We recommend reviewing your LiteSpeed settings or contacting the plugin’s support team, as they are best equipped to assist with their product and may suggest specific settings not included in their public documentation.

    If you would still like us to review your settings, please provide temporary wp-admin access. However, kindly note that we can only offer general suggestions, as detailed configuration of caching plugins is not included in our basic support.

    Best regards,
    Jack Richardson
    The 8Theme’s Team

    Avatar: Andrei Andrei
    Andrei Andrei
    Participant
    March 19, 2026 at 16:32

    Hello,

    Thank you for the clarification. Here is the current status of our setup for reference:

    LiteSpeed Cache configuration:
    – CSS Minify: ON
    – CSS Combine: OFF
    – Generate UCSS: ON (bypassed because CSS Combine is OFF)
    – Load CSS Asynchronously: ON
    – CCSS Per URL: ON (queue processing)
    – JS Minify: ON
    – JS Combine: OFF
    – JS Defer: ON (jQuery excluded)
    – Object Cache: ON (Redis, connected)
    – Lazy Load images and iframes: ON

    XStore configuration:
    – bold_icons: OFF (using light icon set)
    – mobile_optimization: ON
    – disable_elementor_dialog_js: ON
    – disable_theme_swiper_js: ON
    – disable_block_css: ON
    – load_wc_cart_fragments_upd: OFF
    – etheme_elementor_force_load_global_assets: added via snippet

    Current PageSpeed scores (March 19, 2026):
    – Mobile: 84 (down from 94 before CCSS Per URL activation, expected to recover as queue processes)
    – Desktop: 93

    Main remaining issue: the primary CSS file (149 KiB, 131 KiB unused) is still render-blocking while CCSS queue completes. TTF font issue is resolved – browser now loads woff2 only.

    Is there any specific XStore module or option we can disable to reduce the base CSS file size while CCSS processes?

    Thank you.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 20, 2026 at 07:25

    Hello @Andrei Andrei,

    Based on your current configuration, it appears that you have already achieved good results with your speed optimization. There are no additional default features or settings available to further improve the speed.

    We have noticed that the “mobile optimization” option is enabled. However, since you are using a caching plugin, we recommend disabling this option, as it may conflict with the caching plugin. This is also mentioned in the setting description.

    Further optimization or performance improvements can only be achieved through additional customization or adjustments to your server configuration, which may influence loading times.

    At this stage, all available optimization options within our theme have been applied. Thank you for your understanding and for respecting our support policy.

    Best regards,
    Jack Richardson
    The 8Theme’s Team

  • Viewing 9 results - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.