Report for one font css, it actually used the link from my testing site

Hello @kmc,

We hope this message finds you well.

We would like to inform you that FTP access is now functioning correctly. However, it appears that there are IP restrictions in place on the website’s frontend, as shown in the following screenshot: https://gyazo.com/c4d9ab5165b0c4a9a17b7fc1211194d5. Due to this limitation, we are currently unable to verify the results directly on the frontend.

To assist you further, we have outlined the steps we took to address the issue. Specifically, we accessed the CSS file identified in the speed test results and replaced the outdated URLs with the updated ones (please refer to Private Area – Screenshot 01 for details).

If your website is using any caching mechanisms, including cache plugins or a CDN configuration, we recommend clearing all caches. We have noticed that the file being loaded on the frontend includes a custom version string in the URL (see Private Area – Screenshot 02). However, when we load the correct version of the file (i.e., the non-cached version without the version string), the updated code appears as expected (refer to Screenshot 03).

Please let us know if you need any further assistance.

Best regards,
Jack Richardson
The 8Theme Team

Hello @kmc,

We would like to inform you that we have also applied similar replacements for other Google Fonts on your server. Therefore, we kindly ask you to clear both the CDN and LiteSpeed caches, and then verify the results.

Additionally, we have observed that the previous font is no longer appearing in the console, which indicates that the issue has been resolved. However, in order for the changes to take full effect, it is important to clear the cached font styles as well.

If you continue to experience any issues after clearing the caches, please provide us with screenshots so we can further assist you.

Best regards,
The 8Theme Team

Hello @kmc,

We hope this message finds you well.

Upon reviewing your website’s performance using Speedtest, we noticed that the font “NotoSansTC,” which is loaded via the notosanstc.css file, is contributing significantly to the page load time. Specifically, the CSS file contains approximately 8,000 lines of code (as shown here: https://gyazo.com/54f2e25c11eb244ac8c576d755b8a762) and has a relatively large file size (https://gyazo.com/743d742eaa923a4f7ad3b38ac83f28f2). This is primarily due to the inclusion of numerous font weights and style variations.

We kindly suggest considering an alternative font with similar appearance but a lighter footprint. You can search for a comparable font and update the typography settings where “NotoSansTC” is currently applied.

Please note that this issue is not related to our theme, but rather stems from customizations made on your end. The use of such a heavy font is likely affecting your website’s loading speed and contributing to Cumulative Layout Shift (CLS), as the font takes time to load before other styles are applied.

We recommend implementing these changes on your staging site first and running performance tests to evaluate the impact. We believe that optimizing the font will result in improved PageSpeed scores and overall user experience.

Best regards,
Jack Richardson
The 8Theme Team

Hello @kmc,

We hope this message finds you well.

We would like to bring to your attention that the first element displayed on mobile devices is a slider that contains several high-resolution images (please refer to the private area for details). Due to the size and loading time of these images, we recommend considering one of the following options to improve performance:

1. Hide the slider on mobile devices and instead display a simplified section or static banner specifically for mobile view (which would remain hidden on tablet and desktop devices).
2. Optimize the images using available tools, such as the one shown here: https://gyazo.com/6dc6ad9b9f569bf4449358d52ea96e9f, and consider using the “Regenerate Thumbnails” plugin to further enhance image performance.

Please note that the Cumulative Layout Shift (CLS) score is currently high. This is because the slider requires certain scripts to fully load before rendering correctly. Once the content is loaded, these scripts cause layout shifts, which negatively impact the CLS. Replacing the slider with a static banner on mobile devices would significantly improve this metric.

Should you have any questions or need further assistance, please do not hesitate to contact us.

Best regards,
Jack Richardson
The 8Theme Team

Hello @kmc,

We hope this message finds you well.

We would like to inform you that we have optimized the content on your homepage, which has resulted in a significantly reduced Cumulative Layout Shift (CLS) value. You can view the results here: https://gyazo.com/bc323d396a439de6194b12bb861c3a7d.

Additionally, we recommend optimizing the server response time, as this is highlighted as an area for improvement by PageSpeed testing tools.

We would also like to suggest reviewing the fonts currently used on your website. Specifically, the CSS file notosanstc.css is still being loaded and includes a large number of font variations, which may impact performance. This issue was previously mentioned in our earlier communications.

Please feel free to reach out if you have any questions or need further assistance.

Best regards,
The 8Theme Team

Hello @kmc,

We hope this message finds you well.

We would like to inform you that we have removed the duplicate banner carousel that was previously loading on mobile devices. Instead, we have configured the page to display only a static banner on mobile. Previously, there were two identical sliders- one for desktop and another for mobile and tablet devices – which did not provide any performance improvements. In fact, both versions included the same scripts and layout shifts, resulting in increased page content and load time. To optimize performance and simplify the layout, we have retained only the static banner for mobile view.

Regarding the font you mentioned, please note that our theme does not load this font directly. It is being loaded through Elementor, based on the typography settings applied to various elements on the page. If the font’s CSS is still appearing on the page, it is likely that some widgets are still using this font. We recommend clearing your CDN cache after making any changes to ensure the updates are properly reflected.

Should you have any further questions or need additional assistance, please do not hesitate to reach out.

Best regards,
The 8Theme Team

Hello @kmc,

We hope this message finds you well.

Please note that page testing tools utilize programmatic code, which may not always reflect the actual performance experienced on real devices. The true loading speed of your website is accurately represented when accessed from real user devices.

As long as the loading time is fast and satisfactory on the devices you are using for testing, there is no need to make any changes to the current content.

Best regards,
The 8Theme Team

Hello @kmc,

As indicated in the documentation, the LCP (Largest Contentful Paint) metric suggests that many of your images – including those not visible in the initial viewport – are not being lazy-loaded. To enhance performance, we recommend enabling the lazy load option in the Theme Options. However, since you are using a caching plugin, it would be even more effective to configure lazy loading directly within the plugin’s settings.

We also encourage you to follow the recommendations provided by website speed testing tools, as they offer detailed guidance on how to improve loading times. Please note that each website has its own unique requirements, so optimization strategies may vary accordingly.

Best regards,
The 8Theme Team

Hi @kmc,

Thank you for your update.

Regarding the website speed, please note that performance optimization is a complex task that involves multiple aspects of your website — including plugins configuration, image optimization, caching, server performance, and more.

To demonstrate the potential of our XStore theme, we’ve prepared an example here:
https://pagespeed.web.dev/analysis/https-woocommerce-1476984-5641372-cloudwaysapps-com/adlln2dhwa?form_factor=desktop
As you can see, our theme is capable of achieving a 98+ score on mobile and 100+ on desktop, which is a rare result for any e-commerce theme.

We kindly recommend checking the following on your website:

– Optimize all images (use modern formats like WebP and compress them properly)
– Configure a caching plugin (such as WP Rocket)
– Ensure your server is properly optimized for WordPress and WooCommerce
– Minimize the use of heavy third-party plugins

All of these factors significantly affect website speed and performance.

Please note that such performance optimization is outside the scope of our support, as per Envato’s support policy.

Best regards,
8Theme’s Team

Hello @kmc,

We recommend disabling the “Lazy Load” option within your Theme Options (under Speed Optimization settings) and instead configuring image optimization exclusively through the LiteSpeed plugin settings.

If you have already set up the LiteSpeed plugin but are still encountering issues, we suggest consulting the plugin’s official documentation for further guidance. Please note that these configurations fall outside the scope of our theme support.

Additionally, we would like to emphasize that caching plugins and CDN services should only be configured once the website development is fully completed. Implementing them prematurely may result in caching-related complications.

Thank you for your understanding.

Best regards,
Jack Richardson
The 8Theme Team